React Native 基本知识及环境搭建

 1. React Native 基本知识

React Native （简称RN）是开源的跨平台移动应用开发框架，是Facebook 早先开源的UI 框架React 在原生移动应用平台的衍生产物，目前支持iOS 和Android 两大平台。

优势：

 1. 实现跨平台开发     2. APP 占用体积小      3. 支持动态重新     4. 容易上手

React Native 是基于React 框架而设计，因此先了解React 

React 的官方地址是 https://github.com/facebook/react

    Virtual DOM ( 虚拟DOM )

    React 为了尽可能减少对真实DOM 的操作，采用了一种强大的方式来更新DOM ，代替直接的DOM 操作，这就是Virtual DOM。简单来说， React 在每次需要渲染时，会先比较当前DOM 内容和待渲染内容的差异，然后再决定如何更新DOM 

Components ( 组件 )

所谓组件，即自己封装的具有独立功能的UI 部件。在React 开发中，整个界面可以看成是由大小组件构成，每个组件实现自己的逻辑部分即可，彼此独立。

Data Flow  ( 数据流 )

React 采用单向的数据流，即从父节点到子节点的传递 ,总结为： Action --> Dispatcher -->Stroe -->View 

JSX语法

React 使用JSX 来替代JavaScript

React Naitve 框架分为3层，分别为： JSX 环境层、虚拟DOM 层、具体的平台层（Android,ios,浏览器）

在界面渲染过程中， React Native 针对不同的平台调用原生API 去渲染界面，例如iOS 平台调用其原生的API 去渲染iOS 界面， Android 平台调用其原生API 去渲染Android 界面，因而，采用React Native 开发的APP ，体验更加接近原生APP。

2.环境搭建

 下载安装node.js 

  安装之前先检查是否已有node.js环境，在cmd 命令下输入node -v  这是显示没有安装

去 node.js官网 下载安装包并安装

安装完成后在命令行输入以下：

设置npm镜像

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
npm install -g react-native-cli

测试安装react native环境是否成功，可以在任意目录执行如下命令，新建一个react-native工程

react-native init Demo

说明环境搭建成功了

在intellij IDEA中开始创建demo

目录结构

然后选择安卓运行（前提是已经安装好了安卓环境）

在intellij IDEA中IDEA安装好andriod SDK 并配置环境变量

要开始以ANDROID_HOME 将路径添加到这个命名中，然后才能在path中添加%ANDROID_HOME%

在android文件夹中新建local.properties文件

设置你的sdk地址

启动

成功！