ReactNative作為移動(dòng)端很熱門的框架，也已經(jīng)出來很長時(shí)間了。React Native 可以通過更新遠(yuǎn)端JS，直接更新app, 用 JavaScript 調(diào)起 native 組件，將增強(qiáng)與高性能組件交給 native 來處理 . 相比其他 hybrid 框架而言, ReactNative并非通過 webview 來調(diào)用原生組件,而是直接調(diào)用操作系統(tǒng)自帶的 javascriptCore, 所以更高效。
為了探一探真面目，我們來研究一下在Mac上如何搭建開發(fā)環(huán)境：
如果英文好的可以查看 React Native官方文檔 ,官方網(wǎng)站會(huì)提供最新的安裝參考。
必須安裝的依賴有：Node、Watchman 和 React Native 命令行工具以及 Xcode。
我們一步一步來：
1.安裝Xcode
打開 App Store，在 App Store 中搜索 Xcode，點(diǎn)擊 Xcode ，登錄apple賬號(hào)后直接下載安裝即可，不多言。
2.安裝Homebrew（官方推薦用Homebrew來安裝Node 和 Watchman）
打開終端，輸入
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
然后然后一路回車，會(huì)讓輸入密碼，這個(gè)密碼是登陸系統(tǒng)的密碼，輸入密碼之后回車開始安裝 等待。。。
安裝之后，可以brew -v查看一下版本
CarydeMacBook-Pro:~ cary$ brew -v
Homebrew 2.0.5
3.安裝 Node 和 Watchman
brew install node
brew install watchman
這兩步我安裝挺順利的，應(yīng)該是沒什么問題。。。
4.安裝 Yarn、React Native 的命令行工具（react-native-cli）
Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模塊的下載。React Native 的命令行工具用于執(zhí)行創(chuàng)建、初始化、更新項(xiàng)目、運(yùn)行打包服務(wù)（packager）等任務(wù)。
brew install yarn
安裝yarn的時(shí)候可能會(huì)失敗，原因是連接超時(shí)，此時(shí)可以改一下鏡像源，再install：
PHANTOMJS_CDNURL=http://npm.taobao.org/mirrors/phantomjs
brew install yarn
安裝 React Native 命令行工具
sudo npm install -g react-native-cli
這樣大概RN環(huán)境就大概搭建好了()，接下來創(chuàng)建一個(gè)項(xiàng)目
創(chuàng)建項(xiàng)目
1.首先在桌面創(chuàng)建一個(gè)名為rn_demo的文件夾
2.在終端靜如創(chuàng)建的文件夾
cd /Users/cary/Desktop/rn_demo
3.創(chuàng)建一個(gè)叫HelloWord的項(xiàng)目
react-native init HelloWord
打開項(xiàng)目并運(yùn)行
通過rn_demo->HelloWorld->ios->Helloworld.xcodeproj用Xcode打開運(yùn)行
可能會(huì)遇到的問題：運(yùn)行模擬器會(huì)出現(xiàn)紅屏，顯示could not connect to development server的問題
解決方法：先關(guān)掉項(xiàng)目，重新打開終端，cd到當(dāng)前項(xiàng)目 然后npm start，server終端會(huì)自己打開的 然后再打開運(yùn)行項(xiàng)目
當(dāng)出現(xiàn)以下所示狀態(tài)時(shí)說明已成功
打開App.js編程
項(xiàng)目運(yùn)行起來, 打開App.js就可以進(jìn)行編程了, 編程了直接 command+R運(yùn)行即可.
到此為止，React Native 環(huán)境已經(jīng)搭建好了, 并可以進(jìn)行 React Native 的開發(fā)啦！
