React學(xué)習(xí)資源匯總

博客地址： http://blog./2016/11/05/react-study/

React是如今最熱門的前端框架，它設(shè)計(jì)思路獨(dú)特,，性能卓越,，邏輯簡單，受到了廣泛開發(fā)者的喜愛,。一旦接觸她,，你就會被她深深吸引。 我斷斷續(xù)續(xù)的學(xué)了將近兩個月,，今天終于有時間把自己學(xué)習(xí)React的一些學(xué)習(xí)資料總結(jié)一下,。

React 官方

• 官網(wǎng)地址： http://facebook./react/
• Github地址： https://github.com/facebook/react

設(shè)計(jì)思想

學(xué)習(xí)React之前，我們先了解一下它的設(shè)計(jì)思想,，它與如今其他熱門的前端框架有什么不同,？它能為我們的開發(fā)解決哪些痛點(diǎn)？

1. React 設(shè)計(jì)思想
2. React的設(shè)計(jì)哲學(xué) - 簡單之美
3. 顛覆式前端UI開發(fā)框架:React

初學(xué)者入門

文章

可以結(jié)合一些簡單demo去看文章,，例如你在看阮一峰的React 入門實(shí)例教程時,，可結(jié)合他寫的入門demo,，或官方給的demo。當(dāng)然你也要邊學(xué)習(xí)邊自己去寫一些簡單demo,，去改改別人寫的一些React 項(xiàng)目,。一定要多動手。

1. React 入門實(shí)例教程-阮一峰 ：建議先看demo
2. 一看就懂的ReactJs入門教程（精華版）
3. React 教程-菜鳥教程 ：安裝那節(jié)好像有點(diǎn)錯
4. React 入門,，5個常用DEMO展示
5. 如何學(xué)習(xí)React
6. 給新手的 React&Webpack 上手教程
7. ReactJS 傻瓜教程
8. React 最簡單的入門應(yīng)用項(xiàng)目

入門 demo

1. 官方入門 demo：可結(jié)合官方的入門文檔
2. 入門 demo-阮一峰：結(jié)合入門文章
3. 模仿知乎界面的一個簡單React demo ：結(jié)合 ReactJS中文基礎(chǔ)視頻教程-愛酷

入門視頻教程

一定要邊看邊寫,，不要囫圇吞棗的看一遍就好了。

1. React入門-慕課網(wǎng)
2. ReactJS中文基礎(chǔ)視頻教程-愛酷
3. ReactJS中文視頻教程
4. React教程- 匯智網(wǎng)

入門實(shí)戰(zhàn)視頻

了解React開發(fā)流程,，作者的編碼思路,，寫作規(guī)范。

1. React實(shí)戰(zhàn)--打造畫廊應(yīng)用（上）
2. React實(shí)戰(zhàn)--打造畫廊應(yīng)用（下）
3. ReactJS中文基礎(chǔ)視頻教程
4. 構(gòu)建實(shí)時聊天應(yīng)用

開發(fā)文檔

開發(fā)其實(shí)不用詳細(xì)去全看,，在你做項(xiàng)目時,，遇到不懂的就去查看一下文檔，我認(rèn)為這樣效率更高一點(diǎn),。當(dāng)然你有時間也可以一步步去閱讀,。

1. 官方文檔
2. 中文文檔

學(xué)習(xí)網(wǎng)站

在學(xué)習(xí)中我們會遇到 一些問題，可以去社區(qū)或一些網(wǎng)站尋找答案,，下面推薦一些好的React 社區(qū)和學(xué)習(xí)網(wǎng)站,。

1. React中文社區(qū)
2. React 中文索引
3. React知識庫
4. A quick start to React
5. stack overflow
6. 知乎 React 話題
7. segmentfault React 話題

React技術(shù)棧

React是一款非常優(yōu)秀的前端框架，你要發(fā)揮它完全的性能,，你就要結(jié)合其他一些技術(shù),，例如webpack、redux,、react-router等,。

1. React 技術(shù)棧系列教程
2. 百度母嬰技術(shù)團(tuán)隊(duì)—基于Reactjs實(shí)現(xiàn)webapp
3. Building a React Universal Blog App
4. React為啥非得使用immutable.js

5. React Server Side Rendering 解決 SPA 應(yīng)用的 SEO 問題

6. webpack官方文檔

7. Webpack 中文指南
8. webpack一小時快速入門

9. 使用webpack輕松構(gòu)建你的第一個react開發(fā)框架

10. react-router

11. React Router 中文文檔

12. React Router 官方 demo

13. Redux官網(wǎng)

14. Redux 中文文檔
15. Redux 官方 demo
16. Redux 莞式教程
17. Redux 視頻教程
18. redux 大法好
19. Flux 傻瓜教程
20. react+redux渲染性能優(yōu)化原理

React 開源項(xiàng)目

介紹一些國內(nèi)外比較好的 React 開源項(xiàng)目。

國內(nèi)：

• 阿里的 React 組件庫
• Ant Design
• 簡易留言板
• react-zhihu
• React的掃雷游戲
• 在線聊天室
• 使用React技術(shù)棧開發(fā)SPA
• 闊論留言評論
• React版cnode社區(qū)

國外：

• Relax
• SoundRedux
• Gatsby
• isomorphic500
• NuclearMail
• Picard
• React Color
• Sentry
• react-hn
• Perseus