總述

要使用react來開發(fā)web, 如下4個(gè)框架和工具要學(xué)習(xí)的:

• React, View層框架
• Redux, 基于Flux和elm思想的數(shù)據(jù)流管理框架
• Webpack, 前端構(gòu)建和工程化工具, 支持hot-loader
• ES6, ECMAScript6標(biāo)準(zhǔn), 可通過babel編譯成es5

其中, React和Webpack是最容易學(xué)習(xí)的, 而Redux和ES6是比較復(fù)雜的. 建議大家多看看Redux的栗子.

React

• React 官方文檔
• React 中文文檔
• [譯]在 React.js 中使用 ES6+
• React.js生態(tài)系統(tǒng)概覽 [譯]
• React編程風(fēng)格指南
• 為什么使用React

Redux

• Redux 介紹
• Redux 中文文檔
• Redux 示例
• 還在糾結(jié) Flux 或 Relay，或許 Redux 更適合你
• React數(shù)據(jù)流管理架構(gòu)之Redux介紹

Webpack

• 輕松入門React和Webpack
• What、Why、How？解讀Webpack官方文檔
• [譯] Webpack 用來做模塊熱替換(hot module replacement)
• 基于webpack搭建前端工程解決方案探索

ES6

• ECMAScript 6入門
• Webpack+React+ES6開發(fā)模式入門指南
• React on ES6+