對於2016年最火爆的前端H5框架無疑是Facebook推出的React, React框架可以說是一個系列框架，可以分為web端，服務端，移動端，其核心思想都是自己元件化開發，這也是未來前端或者是移動領域一個不小的趨勢所在。

那麼今天我們就來嘗試一下React-Native，這個一個對於一個移動領域不小的突破， 目前其主要針對兩個平臺，IOS和Android, 我們先來搭建一個開發環境， 這裡推薦大家使用Mac os，因為我們可以同時構建兩個平臺產品，方便統一管理。

基礎環境安裝

想執行React-Native專案我們就必須安裝基礎環境，比如Node.js， React-Native命令列工具，還有釋出工具Xcode.

NodeJS的安裝這就不在贅述， 安裝好node，可以通過npm安裝react-native命令列工具：

sudo npm install -g react-native-cli

測試安裝，建立Demo案例

我們可以檢視當前工具的版本號，例如：

react-native --version

接下來我們建立一個簡單的Demo, 當然這個Demo是官方提供給我們的：

react-native init AwesomeProject
cd AwesomeProject
react-native run-ios

這時會自動啟動termial 視窗，對專案進行編譯：

等待片刻，ios 模擬器會自動開啟，並執行專案， 如下：

我們也可以嘗試編輯index.ios.js, 儲存後， 重新執行模擬器。

如果你的mac os上安裝了android的開發環境，並配置了環境變數，你也可以嘗試執行android app, 通過：

react-native run-android

在執行android的過程中， 可以會報錯誤，ANDROID_HOME找不到的錯誤，這就需要大家自己手動配置android_home在你的機器中。

具體操作方法，大家可以參考我下面的這個部落格：

好了，自己試試吧！