學(xué)習(xí)react的準(zhǔn)備

1. 如果你的水平不高，其實(shí)可以考慮先學(xué) Vue，學(xué)習(xí)成本沒有 React 那么高，基本對著官方文檔很快就上手了。

2. 如果堅(jiān)持 React 的話，我的一點(diǎn)建議是網(wǎng)上找資料一定要找比較新的，優(yōu)先官方文檔，不然比如 React-Router 4.x 各種break change，而網(wǎng)上很多還是2.x 的資料，學(xué)起來 會(huì)各種踩坑。

3. 當(dāng)然，基礎(chǔ)的 html，css，ES5，ES6基礎(chǔ)還是比較重要的，建議掌握扎實(shí)。

1. 推薦官方的教程，照著擼吧。英文不好，可以直接翻譯網(wǎng)頁。https://reactjs.org/tutorial/tutorial.html

2. 不推薦網(wǎng)上的非官方教程，大多版本太老。

3. 遇到問題可以去 react 的 github 庫的 issues 下搜一下，十有八九會(huì)有答案。沒有的話，直接在 segmentfault 上提問也可以。

4. 學(xué)習(xí) react 強(qiáng)烈推薦推薦 es6 語法。es6 可以去看阮一峰老師的教程 http://es6.ruanyifeng.com/，不同一下看完，用到哪一部分看哪一部分就行了。

5. 重在堅(jiān)持！

1.首先你的ES6，JS基礎(chǔ)你要牢牢掌握。
2.再看react的中文文檔，可能會(huì)比較無聊，但是JSX這個(gè)語法一定要知道，還有就是state是react最重要的東西，是recat更新他ui的依據(jù)。
3.看阮一峰的那個(gè)入門教程，里面有12個(gè)例子，很簡單，跟著寫。寫程序就是，能動(dòng)手的盡量別BB。
4.寫完了之后再看文檔，這次一定要完全知道react的生命周期，無論是react和Vue，生命周期掌握了就知道他們的渲染順序，這也是在更新ui時(shí)的運(yùn)行順序，特別重要。
5.再寫一遍阮一峰的12個(gè)例子，也是那句話，能動(dòng)手的盡量別BB。
6.至于react后面的東西props，ref之類的，只要你對react足夠了解，再后面的項(xiàng)目中臨時(shí)看都來得及了。
7.學(xué)習(xí)antd這個(gè)UI框架，這個(gè)框架就是螞蟻金融的react的ui框架，看里面每個(gè)組件的示例代碼，起碼每個(gè)組件最簡單的要會(huì)用，而且后面項(xiàng)目你剛?cè)腴T一定要用到ui插件，手寫輪子？先不要。
8.寫一個(gè)項(xiàng)目，最后是oa系統(tǒng)，雖然oa系統(tǒng)簡單只有增刪改查功能，但是絕對可以把ui插件和react的學(xué)習(xí)運(yùn)用出來。

挺艱辛的是吧，剛?cè)腴T效率會(huì)很慢，我本身會(huì)vue，上午看了react和ui插件，下午就直接能用了，vue和react有很多相通的地方，兩個(gè)各有優(yōu)缺。但是生命周期知道了之后他們就知道怎么用了。