ReactNative入门了解

React Native

React Native是Facebook开源的一套用于开发移动端跨平台App的技术框架；起代码托管在GitHub上。

优点：跨平台、性能高、支持动态更新、代码复用率高

知识准备：

（1）起源于Facebook公司，用来做ins的开发，不是属于MVC框架，主要考虑界面。
（2）特点：
作为UI（MVC中的视图层）
虚拟DOM：实现了优化视图的渲染和刷新
组件化：封装起来的特定功能的组件
数据流：实现了单向的数据流

文档手册：http://reactnative.cn/docs/0.45/getting-started.html#content

**（1）Node.js
（2）React Native Command Line
（3）Android Studio/XCode
**

（1）安装Node.js
（2）安装React Native命令行工具
可以通过react-native --help查看支持的命令行工具
（3）安装android studio

创建项目：react-native init 项目名
运行项目：将创建的项目中的android导入到android studio中，运行

报错：

未启动服务

解决：在项目目录下通过npm启动包服务管理器，npm start

报错：

解决：设置IP地址和端口号，重新运行

输入图片说明

android文件夹，就是一个可以用android studio打开的android项目。
ios文件夹，是一个可以用xcode打开的ios项目。
index.android.js，这是android的React Native入口文件。
index.ios.js，这是ios的React Native入口文件。
package.json，类似android studio的build.gradle，你依赖的库都写在里面。
node_module文件夹，你依赖的库下载下来都存放在里面，属于git的忽略文件，你要找的依赖库源码也在里面，包括React和React Native。
jscode文件夹，是自己创建的文件夹，用来存放自己写的js文件。

PS:
package.json，类似于android studio中的build.gradle添加远程依赖，不同的是，package.json大多数时候不需要我们手动添加，我们只需要在根目录通过命令行，npm install xxxxxx --save 就可以依赖一个库了。

install之后，库的依赖信息，自动被写到package.json里面，对应的库也会被下载到node_module文件夹中，类似android studio依赖后把aar同步到本地。