第一步 React.js基礎(chǔ)學(xué)習(xí)
只推薦菜鳥教程境肾,章節(jié)分明有條理,講解得也非常清晰,并且附帶可以在線運行的實例因惭。學(xué)習(xí)時間:0.5~1天基本可以完成學(xué)習(xí)
第二步 ES6 語法特性
推薦搭配WebStorm 編寫示例學(xué)習(xí),可在WebStorm 直接運行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ǔ)的時候在看文檔或者在編寫項目的時候參考一下文檔是大有益處的么介。
第四步 React Native開源項目學(xué)習(xí)
React Native基礎(chǔ)學(xué)習(xí)完了,就是時候了解一下一個完整的React Native項目是怎么編寫的蜕衡,通過React Native開源項目是最好的途徑壤短。
這里推薦幾個齊全的總結(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)秀開源項目大全:Github ?380+,分類齊全
開源項目參考學(xué)習(xí)的選擇
綜合考慮Github Star數(shù)和最后更新時間。
開源項目運行常見問題
- 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
- 仔細(xì)查看版本要求提示,修改為要求的版本即可牢硅,有時候版本號通常會有個“^”蹬耘,某些情況下去掉該符號并指定確定的版本也可以解決問題。
-
react-native run-android出錯
- 運行
react-native link
生成必要的關(guān)聯(lián)工程 - 確保Android模擬器或真機(jī)已連接减余,同時也可以使用Android Studio打開React Native工程的android目錄综苔,讓Android Studio檢查哪里有問題
- 運行
React Native項目開發(fā)IDE的選擇
- 如果曾經(jīng)開發(fā)過Android,那么WebStorm是不二選擇。用過Android Studio可以無縫切換到WebStorm休里。WebStorm需要激活,激活方法見此:傳送門
- 如果是前端開發(fā)者赃承,可以使用Atom+Nuclide妙黍,具體可參考: React Native開發(fā)之IDE(Atom+Nuclide)安裝,運行瞧剖,調(diào)試