- React Native一經(jīng)推出，就獲得眾多開發(fā)者的關(guān)注闷沥。她使得 JavaScript 能夠開發(fā)真正的 APP, 它不僅有著與原生應(yīng)用相媲美的體驗策添，同時擁有著 web 應(yīng)用的優(yōu)勢和開發(fā)效率。
- React Native 鮮明的特點就是組件化，一個應(yīng)用都是多個組件構(gòu)成万矾；同時為了更高的效率，React Native 采用了內(nèi)存 Dom tree Diff 計算慎框，優(yōu)化了 view 的渲染效率和體驗良狈。使用 JavaScript 開發(fā)跨終端的應(yīng)用是未來的趨勢。
- 然而盡管如此笨枯，一開始我依舊是拒絕的薪丁，畢竟原生的OC和Swift這套開發(fā)工具用的更順手一些，但作為一個程序員最基本的準(zhǔn)則就是擁抱變化馅精，所以今天就來簡單談?wù)凴eact Native的基本入門严嗜。
一. 環(huán)境配置
- OSX & Xcode自然是最基本的
- 推薦使用Homebrew 來安裝Watchman和Flow
- 安裝Node.js 4.0或更高版本(譯注：如果你并不使用Node.js開發(fā)網(wǎng)站，只是用于React Native的開發(fā)洲敢，那么請先安裝homebrew漫玄，然后直接使用brew install node 安裝即可，不必按照下面的nvm的安裝步驟)
- 安裝 nvm（安裝向?qū)г?a target="_blank" rel="nofollow">這里）沦疾。然后運(yùn)行nvm install node && nvm alias default node称近，這將會默認(rèn)安裝最新版本的Node.js并且設(shè)置好命令行的環(huán)境變量第队，這樣你可以輸入node
命令來啟動Node.js環(huán)境哮塞。nvm使你可以同時安裝多個版本的Node.js，并且在這些版本之間輕松切換凳谦。 - 如果你從未接觸過npm忆畅，推薦閱讀npm的文檔
- 安裝 nvm（安裝向?qū)г?a target="_blank" rel="nofollow">這里）沦疾。然后運(yùn)行nvm install node && nvm alias default node称近，這將會默認(rèn)安裝最新版本的Node.js并且設(shè)置好命令行的環(huán)境變量第队，這樣你可以輸入node
- 在命令行中輸入brew install watchman，推薦安裝watchman尸执，否則你可能會遇到一個Node.js監(jiān)視文件系統(tǒng)的BUG家凯。
- 如果你希望使用flow來為js代碼加上類型檢查，那么在命令行中輸入brew install flow 來安裝flow如失。
二. 快速上手
- 下載官方事例代碼绊诲，在終端進(jìn)行以下兩個操作：
$ npm install -g react-native-cli
$ react-native init AwesomeProject
- 然而由于一些你懂得的原因，react-native命令行從npm官方源拖代碼時會遇上麻煩褪贵，因此最好將npm倉庫源替換為淘寶鏡像：
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
-
下面就可以打開AwesomeProject工程掂之，雙擊xcodeproj，運(yùn)行項目脆丁，首次運(yùn)行時間略久世舰，如果出現(xiàn)以下畫面，說明你已經(jīng)成功了一半了：
-
然后打開項目中index.ios.js槽卫，隨意修改文本屬性(在此不做贅述)跟压，查看效果：
事例代碼采用了ES6語法，關(guān)于ES6語言推薦阮一峰老師的書歼培。
未完待續(xù)...
