React 官方
- 官網地址：http://facebook.github.io/react/
- Github地址：https://github.com/facebook/react
設計思想
學習React之前，我們先了解一下它的設計思想，它與如今其他熱門的前端框架有什麼不同？它能為我們的開發解決哪些痛點？
初學者入門
文章
可以結合一些簡單demo去看文章，例如你在看阮一峰的React 入門例項教程時，可結合他寫的入門demo，或官方給的demo。當然你也要邊學習邊自己去寫一些簡單demo，去改改別人寫的一些React 專案。一定要多動手。
- React 入門例項教程-阮一峰：建議先看demo
- 一看就懂的ReactJs入門教程（精華版）
- React 教程-菜鳥教程：安裝那節好像有點錯
- React 入門，5個常用DEMO展示
- 如何學習React
- 給新手的 React&Webpack 上手教程
- ReactJS 傻瓜教程
- React 最簡單的入門應用專案
入門 demo
- 官方入門 demo：可結合官方的入門文件
- 入門 demo-阮一峰：結合入門文章
- 模仿知乎介面的一個簡單React demo：結合 ReactJS中文基礎視訊教程-愛酷
入門視訊教程
一定要邊看邊寫，不要囫圇吞棗的看一遍就好了。
入門實戰視訊
瞭解React開發流程，作者的編碼思路，寫作規範。
開發文件
開發其實不用詳細去全看，在你做專案時，遇到不懂的就去檢視一下文件，我認為這樣效率更高一點。當然你有時間也可以一步步去閱讀。
學習網站
在學習中我們會遇到 一些問題，可以去社群或一些網站尋找答案，下面推薦一些好的React 社群和學習網站。
- React中文社群
- React 中文索引
- React知識庫
- A quick start to React
- stack overflow
- 知乎 React 話題
- segmentfault React 話題
React技術棧
React是一款非常優秀的前端框架，你要發揮它完全的效能，你就要結合其他一些技術，例如webpack、redux、react-router等。
-
入門Webpack，看這篇就夠了:寫的很不錯，逐級深入，適合入門，有點長，耐心看完
開發工具
redux 常用中介軟體或工具
React 開源專案
介紹一些國內外比較好的 React 開源專案。
國內：
- 阿里的 React 元件庫
- Ant Design
- 簡易留言板
- react-zhihu
- React的掃雷遊戲
- 線上聊天室
- 使用React技術棧開發SPA
- 闊論留言評論
- React版cnode社群
- 適合新手學習的Demo， React + react-router + webpack + babel + Node + express + mongodb
國外：