React

React.js学习路线图

学习路线图

1. 学习React基础知识
2. 学习ES6基础知识，使用ES6来编写React
3. 学习Webpack，使用Webpack来打包React代码
4. 学习Flux，使用Flux来组织React数据流
5. 学习Flux具体实现，例如Redux
6. 学习React生态圈技术，来解决现实问题，例如路由、页面样式、同构等

阅读材料

1. Online Book: React and Webpack Cookbook 中文版
2. Online Book: React and Webpack
3. 颠覆式前端UI开发框架：React
4. ReactJS傻瓜教程
5. React: Create maintainable, high-performance UI components
6. Navigating the React Ecosystem
7. Flux: An Application Architecture for React
8. Smart and Dumb Components
9. Container Components
10. React 入门教程
11. Thinking in React
12. An opinionated guide to React.js best practices and conventions
13. Best practices for building large React applications
14. From AngularJS to React: The Isomorphic Way
15. Understanding the React Component Lifecycle

InfoQ: React-in-depth

1. 深入浅出React.js（一）简介
2. 深入浅出React.js（二）WebPack
3. 深入浅出React.js（三）JSX和组件

Flux

1. Flux傻瓜教程
2. What is the Flux Application Architecture?
3. 结合React, Flux & WebComponents
4. Flux solutions compared by example
5. Beyond the to-do app: writing complex applications using Flux & ReactJS
6. Flux React Router Example

Libraies

1. React: complementatry tools
2. React-Bootstrap: css framework
3. React-Router: routing in react app
4. formsy-react: a form input builder and validator for React JS

Tutorial

1. React.js Introduction For People Who Know Just Enough jQuery To Get By
2. Building The Facebook News Feed With Relay
3. React.js Starter Kit
4. Flux Quick Start: manage data and state for react app
5. Getting started with Facebook's React.js
6. Youtube: Trying webpack with React.js
7. React with WebPack - part 1
8. 基于ES6，使用React、Webpack、Babel构建模块化JavaScript应用

Isomorphic JavaScript

1. PPT: Going Isomorphic with React
2. Isomorphic JavaScript: The Future of Web Apps
3. 在服务器端渲染React组件
4. Serverside Reat Rendering: Isomorhpic JavaScript with ReactJS + Node
5. 使用ReactJS + Node实现服务器端响应渲染
6. Creating Isomorphic Apps with Node.js, React, and Express

Others

1. 跟 Web Components 打个啵