第一步 React.js基礎學習
只推薦菜鳥教程,章節分明有條理,講解得也非常清晰,并且附帶可以在線運行的實例。學習時間:0.5~1天基本可以完成學習
第二步 ES6 語法特性
推薦搭配WebStorm 編寫示例學習,可在WebStorm 直接運行ReactJs
推薦文章:
30分鐘掌握ES6/ES2015核心內容
React/React Native 的ES5 ES6寫法對照表
除了上面這兩篇文章提到的內容,最好還了解一下比較有用的包括集合,proxy,promise。
ps.ES6語法特性的學習是必不可少的,否則代碼看得一知半解的對后續的學習會有很大阻礙。
第三步 React Native基礎
比較推薦這個,
江清清的技術專欄:React Native專題
與React Native中文網的文檔相比更加符合初學者,例子更加簡單和完整,不會像React Native中文網的文檔那樣看得一知半解,看完了還不知道怎么用,用在哪。不是說React Native中文網的文檔一無是處,在有一定基礎的時候在看文檔或者在編寫項目的時候參考一下文檔是大有益處的。
第四步 React Native開源項目學習
React Native基礎學習完了,就是時候了解一下一個完整的React Native項目是怎么編寫的,通過React Native開源項目是最好的途徑。
這里推薦幾個齊全的總結:
React-Native學習指南:Github ?8700+,不過作者有幾個月沒更新了,一些收集的內容也比較舊了,選擇性的學習較新的內容,比較推薦開源APP部分
React Native 學習資源精選倉庫(匯聚知識,分享精華):Github ?500+,作者更新也很勤快。
ReactNativeMaterials:Github ?160+,分類齊全
React Native 優秀開源項目大全:Github ?380+,分類齊全
開源項目參考學習的選擇
綜合考慮Github Star數和最后更新時間。
開源項目運行常見問題
- 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文件夾,重新運行npm install
- 仔細查看版本要求提示,修改為要求的版本即可,有時候版本號通常會有個“^”,某些情況下去掉該符號并指定確定的版本也可以解決問題。
-
react-native run-android出錯
- 運行
react-native link
生成必要的關聯工程 - 確保Android模擬器或真機已連接,同時也可以使用Android Studio打開React Native工程的android目錄,讓Android Studio檢查哪里有問題
- 運行
React Native項目開發IDE的選擇
- 如果曾經開發過Android,那么WebStorm是不二選擇。用過Android Studio可以無縫切換到WebStorm。WebStorm需要激活,激活方法見此:傳送門
- 如果是前端開發者,可以使用Atom+Nuclide,具體可參考: React Native開發之IDE(Atom+Nuclide)安裝,運行,調試