Rect Native 入门笔记

React Native介绍
React Native 是 Facebook 在2015 Rect开发者大会上公开的应用开发框架，一个可以用Rect 开发原生应用的框架。

React Native 可以真正的跨端开发，它是基于Rect的组件化开发模式，拥有web的发布能力和原生应用的性能，

一、环境搭建

1.在Mac上安装Xcode（需要用mac开发）
2.使用 Homebrew 官网提供的指引安装 Homebrew
3.安装node.js 终端命令：

    brew install node

4.安装watchman，终端命令：

    brew install watchman

5.安装flow 终端命令：

    brew install flow

6.使用 npm 安装 React Native CLI 工具：

    npm install -g react-native-cli

二、创建项目

1.cd 到要创建项目的目录下，使用 React Native CLI 创建项目，终端命令：

    react-native init HelloWorld 

2.到创建的HelloWorld项目中的iOS文件夹下，运行HelloWorld.xcodeproj

3.快捷键command+R 运行一下，会看到React-Packger和iOS模拟器，这样就成功了

Paste_Image.png

注：
1.文件夹中的index.ios.js文件就是React-Native JS 的入口文件
** 2.在xcode项目代码中AppDelegate.m会标识入口文件，：**

jsCodeLocation = [NSURL URLWithString:@"-----------------"];

三、调试

将应用设置为在模拟器中运行，运行后，按键Command+D，弹出调试菜单选项，选择Debug in Chrome。以加断点，打日志进行调试，不过需要安装插件。

Paste_Image.png

四、发布注意事项

 jsCodeLocation = [NSURL URLWithString:@"-----------------"];

发布的时候，需要将上边代码注释掉
使用下边这一行代码：

jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];

这样，就可以一直在真机上运行，而不依靠开发环境的支持了。
发布的时候，还要记得选择release版本，这样调试菜单才不会出现