React Native 使用JavaScript语言编写跨平台的iOS与Android原生App。
http://reactnative.cn学习地址。

本人是一名资深的iOS开发人员，所以本文只做Mac环境下的React Native的框架的搭建。

一. 安装 Homebrew

Homebrew, Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件。
终端输入一下命令如果

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

如果在Mac中遇到文件夹权限的问题，则输入以下命令:

sudo chown -R `whoami` /usr/local

二. 安装Node

React Native需要NodeJS 4.0或更高版本。本文发布时Homebrew默认安装的是6.x版本，完全满足要求。

brew install node

三. React Native的命令工具(react-native-cli)

React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npm install -g react-native-cli

如果你看到EACCES: permission denied
这样的权限报错，那么请参照上文的homebrew译注，修复/usr/local
目录的所有权：

sudo chown -R `whoami` /usr/local

四. 测试React-Native环境的安装

在终端依次输入以下语句（选择一个固定的文件夹进入）
创建了一个TestDemo的工程文件夹。

react-native init TestDemo

进入TestDemo

cd TestDemo

通过模拟器来运行React-Native工程的App

react-native run-ios
react-native run-android

五. 修改并且编辑React-Native工程的项目

进入ios文件夹中，点击进入修改index.ios.js文件进行修改，点开模拟器，使用command+R进行运行可以查看到结果。

六. 模拟器运行填坑指南

在Mac电脑上前往RN工程根目录下，输入运行的iOS命令，是可以直接运行在iPhone 6的模拟器上的。而输入运行在安卓模拟器上的命令的话，会进行报错的处理。此处解决的办法是，找到RN根目录下的此文件工程包，如下图所示：

Android工程

将此目录使用Android Studio打开进行相应的配置，完后进行完后使用运行到模拟器上。此处我用的是Genymotion的模拟器。

Genymotion运行RN

iPhone Simulator运行RN

开发建议：

iPhone，Android模拟器中运行RN后打开热刷新，可以加快开发效率。
按键选择如下：
Android: command + M
iOS: command + D