第一步 React.js基礎(chǔ)學(xué)習(xí)

只推薦菜鳥教程，章節(jié)分明有條理，講解得也非常清晰，并且附帶可以在線運(yùn)行的實(shí)例。學(xué)習(xí)時間：0.5～1天基本可以完成學(xué)習(xí)

第二步 ES6 語法特性

推薦搭配WebStorm 編寫示例學(xué)習(xí)，可在WebStorm 直接運(yùn)行ReactJs

推薦文章：
30分鐘掌握ES6/ES2015核心內(nèi)容
React/React Native 的ES5 ES6寫法對照表

除了上面這兩篇文章提到的內(nèi)容，最好還了解一下比較有用的包括集合，proxy，promise。

ps.ES6語法特性的學(xué)習(xí)是必不可少的，否則代碼看得一知半解的對后續(xù)的學(xué)習(xí)會有很大阻礙。

第三步 React Native基礎(chǔ)

比較推薦這個，
江清清的技術(shù)專欄：React Native專題

與React Native中文網(wǎng)的文檔相比更加符合初學(xué)者，例子更加簡單和完整，不會像React Native中文網(wǎng)的文檔那樣看得一知半解，看完了還不知道怎么用，用在哪。不是說React Native中文網(wǎng)的文檔一無是處，在有一定基礎(chǔ)的時候在看文檔或者在編寫項(xiàng)目的時候參考一下文檔是大有益處的。

第四步 React Native開源項(xiàng)目學(xué)習(xí)

React Native基礎(chǔ)學(xué)習(xí)完了，就是時候了解一下一個完整的React Native項(xiàng)目是怎么編寫的，通過React Native開源項(xiàng)目是最好的途徑。
這里推薦幾個齊全的總結(jié)：
React-Native學(xué)習(xí)指南：Github ?8700+,不過作者有幾個月沒更新了，一些收集的內(nèi)容也比較舊了，選擇性的學(xué)習(xí)較新的內(nèi)容，比較推薦開源APP部分
React Native 學(xué)習(xí)資源精選倉庫(匯聚知識，分享精華)：Github ?500+，作者更新也很勤快。
ReactNativeMaterials：Github ?160+,分類齊全
React Native 優(yōu)秀開源項(xiàng)目大全：Github ?380+,分類齊全

開源項(xiàng)目參考學(xué)習(xí)的選擇

綜合考慮Github Star數(shù)和最后更新時間。

開源項(xiàng)目運(yùn)行常見問題

• npm install 錯誤

npm ERR! Darwin 15.6.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install"
npm ERR! node v4.2.1
npm ERR! npm v2.14.7
npm ERR! code EPEERINVALID

npm ERR! peerinvalid The package react@16.0.0-alpha.6 does not satisfy its siblings' peerDependencies requirements!
....
....

這種情況通常是依賴庫版本不兼容造成的。
- 刪除node_modules文件夾，重新運(yùn)行npm install
- 仔細(xì)查看版本要求提示，修改為要求的版本即可，有時候版本號通常會有個“^”，某些情況下去掉該符號并指定確定的版本也可以解決問題。

• react-native run-android出錯
  • 運(yùn)行react-native link生成必要的關(guān)聯(lián)工程
  • 確保Android模擬器或真機(jī)已連接，同時也可以使用Android Studio打開React Native工程的android目錄，讓Android Studio檢查哪里有問題

React Native項(xiàng)目開發(fā)IDE的選擇

• 如果曾經(jīng)開發(fā)過Android，那么WebStorm是不二選擇。用過Android Studio可以無縫切換到WebStorm。WebStorm需要激活，激活方法見此：傳送門
• 如果是前端開發(fā)者，可以使用Atom+Nuclide，具體可參考： React Native開發(fā)之IDE（Atom+Nuclide）安裝，運(yùn)行，調(diào)試