前端的花花世界更新太快，往往新框架一出總是引起一陣臺風，可惜地是，除了官方的文檔之外，Bug 處理或者資料少之又少。React 框架也是如此，新手往往投入學習成本的時候太糾結(jié)，“我能怎么辦，我也 hin 絕望啊”。別急，我這兒有一些小小的建議和一些不錯的資源，希望對你學習或者使用 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)在收費了...）
沒錢，沒支付方式就不能學了嗎？ Joe 的教程和 Youtube上 的教程
- 用力戳：https://egghead.io/courses/react-fundamentals
- 用力戳：https://www.youtube.com/playlist?list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b
當然了，最好的還是 Tyler 大牛寫的，講的比較清楚，質(zhì)量高，角度是從工程的角度。
React 知識點小補充
學習各種小知識點的小冊子，定時更新，作者給出了很多建議。 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 的選擇器庫（通常用在計算時防止不必要的重新渲染）
