前端的花花世界更新太快，往往新框架一出總是引起一陣臺風(fēng)最易，可惜地是腕窥，除了官方的文檔之外粒没，Bug 處理或者資料少之又少。React 框架也是如此簇爆，新手往往投入學(xué)習(xí)成本的時候太糾結(jié)癞松，“我能怎么辦，我也 hin 絕望啊”入蛆。別急响蓉，我這兒有一些小小的建議和一些不錯的資源，希望對你學(xué)習(xí)或者使用 React 重構(gòu)項目過程中有所幫助哨毁。
React 文檔及上手工具
沒錯枫甲，就是這么絕望，我們就要看一看 React文檔 扼褪。
從這里開始想幻，你將理解 React 的術(shù)語和概念。連概念和術(shù)語都不清楚的話话浇，怎么問問題脏毯？怎么在生態(tài)環(huán)境中找到你的一席之地？
如果我想動手試試怎么辦幔崖？ CodePen
如果我想自己構(gòu)建一個 React App 怎么辦食店？ Code SandBox
我想在自己機器上搭建環(huán)境開始開發(fā)怎么辦？參看 React 文檔中的 Create React App
我不喜歡讀文檔怎么辦岖瑰？React 文檔分為快速入門和高級指南叛买，快速入門中包含你需要的基本概念和術(shù)語，請務(wù)必把快速入門閱讀完畢蹋订。
React 教程
好了率挣，現(xiàn)在了解了 React 的基本概念和術(shù)語，可是還是不知道從哪里開始露戒，怎么辦椒功？ Tyler 的教程
- 用力戳：https://tylermcginnis.com/courses/（現(xiàn)在收費了...）
沒錢，沒支付方式就不能學(xué)了嗎智什？ Joe 的教程和 Youtube上 的教程
- 用力戳：https://egghead.io/courses/react-fundamentals
- 用力戳：https://www.youtube.com/playlist?list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b
當(dāng)然了动漾，最好的還是 Tyler 大牛寫的，講的比較清楚荠锭，質(zhì)量高旱眯，角度是從工程的角度。
React 知識點小補充
學(xué)習(xí)各種小知識點的小冊子，定時更新删豺，作者給出了很多建議共虑。 ReactBits
Redux 文檔和視頻
如果現(xiàn)在你寫的 React App 已經(jīng)慢慢開始龐大，我需要一個框架怎么辦呀页？ Redux 或者 MobX
- Redux 文檔用力戳： http://redux.js.org/
- Redux 視頻教程：https://egghead.io/courses/getting-started-with-redux
- MobX 介紹用力戳：https://mobx.js.org/
對于大型項目來說妈拌，比較推薦 Redux，和 MobX 的對比網(wǎng)上有很多說明蓬蝶，舉個栗子：
我不想看文檔尘分，我就是不想看文檔，怎么辦丸氛？ Redux 全解
我想看視頻培愁，教練！ 用 Idiomatic Redux 開發(fā) React 應(yīng)用程序
其他一些工具資源
Webpack雪位，重要的 React 應(yīng)用打包工具
服務(wù)器渲染（高級技巧）竭钝，如果這種高級技巧一時間難以接受，可以考慮 Next.js
- 什么是服務(wù)器渲染：https://www.lullabot.com/articles/what-is-an-isomorphic-application
- Redux 架構(gòu)如何進行服務(wù)器渲染：http://redux.js.org/docs/recipes/ServerRendering.html
- Next.js： https://github.com/zeit/next.js/
- Next.js 文檔：https://learnnextjs.com/
Redux Sega雹洗，Redux 中間件（通常用在修改數(shù)據(jù)和保存數(shù)據(jù)的時候）
Reselect香罐，Redux 的選擇器庫（通常用在計算時防止不必要的重新渲染）
