簡介
React Native是Facebook推出的一個可以用javascript直接開發(fā)原生APP的開源框架。這個框架的出現(xiàn)忽媒，給客戶端開發(fā)人員解決了很多困擾沟突。比如在原生開發(fā)過程中，不能像web應(yīng)用那樣大刊，文件保存后在瀏覽器中刷新一下就能看到改變的結(jié)果穷缤，原生開發(fā)的每次改動都得重新編譯和構(gòu)建敌蜂，哪怕是視圖幾個像素的移動，或是字體顏色的微調(diào)津肛，這就使得很多的開發(fā)調(diào)試工作變得緩慢章喉，尤其是當(dāng)一個大工程編譯特別慢的時候。但是由于web上的體驗跟原生組件上的差別身坐，即便開發(fā)原生app要耗費更多的時間秸脱，我們?yōu)榱藙?chuàng)造最佳的用戶體驗和適應(yīng)這個平臺上的用戶操作習(xí)慣，同時為做到web app難以實現(xiàn)的高性能和快速響應(yīng)的體驗部蛇，我們又不能摒棄原生開發(fā)摊唇。
React Native用iOS自帶的JavaScriptCore作為JS的解析引擎，然后渲染平臺獨有的組件涯鲁。這樣我們既可以在新項目中直接基于React構(gòu)建巷查，也可以在舊項目的合適部分中去嘗試性的使用它。
想了解更多React Native是什么以及為什么Facebook打造了它相關(guān)內(nèi)容抹腿，可以看下這篇博文岛请。
環(huán)境配置
首先，使用 Homebrew 官網(wǎng)提供的指引安裝Homebrew警绩，然后在終端執(zhí)行以下命令：
brew install node
接下來崇败，使用 homebrew 安裝watchman，一個來自Facebook 的觀察程序：
brew install watchman
通過配置 watchman房蝉，React 實現(xiàn)了在代碼發(fā)生變化時僚匆，完成相關(guān)的重建的功能。就像在使用 Xcode 時搭幻，每次保存文件都會進行一次創(chuàng)建。
接下來使用 npm 安裝 React Native CLI 工具(為避免因未獲得管理員權(quán)限出現(xiàn)的安裝問題逞盆，建議在命令前加sudo)：
npm install -g react-native-cli
這使用 Node 包管理器抓取 CLI 工具檀蹋，并且全局安裝；npm 在功能上與 CocoaPods 或者 Carthage 類似。
瀏覽到你想要創(chuàng)建 React Native 應(yīng)用的文件夾下俯逾，使用 CLI 工具構(gòu)建項目：
react-native init PropertyFinder
現(xiàn)在贸桶，已經(jīng)創(chuàng)建了一個初始項目，包含了創(chuàng)建和運行一個 React Native 應(yīng)用所需的一切桌肴。
打開剛剛創(chuàng)建的文件夾和文件皇筛，你會發(fā)現(xiàn)一個node_modules文件夾，包含了 React Native 框架坠七。你也會發(fā)現(xiàn)一個index.ios.js文件水醋，這是 CLI 工具創(chuàng)建的一個空殼應(yīng)用。最后彪置，會出現(xiàn)一個 Xcode 項目文件和一個 ios文件夾拄踪，包含了少量的代碼。
在進入編碼工作之前拳魁，你需要編寫大量的 JavaScript 代碼惶桐，Xcode 并非是最好的工具！我使用WebStorm潘懊。不過姚糊， Sublime Text，atom授舟，brackets 或者其他編輯器都能勝任這份工作叛拷。
然后用xcode打開并運行PropertyFinder工程，看下效果吧岂却。同時可以修改下index.ios,js保存后返回模擬器忿薇，按下Cmd+R，看下應(yīng)用程序界面刷新后的效果吧躏哩。
