1 给项目预先安装一些有用的工具

了解我们的项目

安装Node.js和npm

安装Git

从Twitter Streaming API中获取数据

使用Snapkite引擎来过滤数据

创建项目结构

创建package.js on

复用Node.js模块

使用Gulp.js来构建应用

创建一个网页

小结

2 创建你的第一个React元素

理解虚拟DOM

安装React

使用JavaScript创建React元素

pe参数

props参数

children参数

渲染React元素

使用JSX来创建React元素

小结

3 创建你的第一个React组件

无状态与有状态

创建第一个无状态React组件

创建第一个有状态React组件

小结

4 让React组件变得可响应

使用React解决问题

规划React应用程序

创建一个React组件容器

小结

5 结合其他库来使用React组件

在React组件中使用其他库

理解React组件的生命周期方法

挂载方法

卸载方法

小结

6 更新React组件

理解组件生命周期的更新方法

componentWiIlReceiveProps()方法

shouldComponentUpdate()方法

componentWillUpdate()方法

componentDidUpdate()方法

设置React组件的默认属性

验证React组件的属性

创建Collection组件

小结

7 构建复杂的React组件

创建TweetList组件

创建CollectionControls组件

创建CollectionRenameForm组件

创建Button组件

创建CollectionExportForm组件

小结

8 使用Jest来测试React应用程序

为什么要写单元测试

创建测试套件、规范和期望

安装并运行Jest

创建更多的测试规范和期望

测试React组件

小结

9 使用Flux完善React架构

分析当前应用的架构

理解Flux

创建分发器

创建动作生成器

创建存储

小结

10 使用Flux提升应用的可维护性

借助Flux实现解耦

重构Stream组件

创建CollectionStore

创建CollectionActionCreators

重构Application组件

重构Collection组件

重构CollectionControls组件

重构CollectionRenarneForm组件

重构TweetList组件

重构StreamTweet组件

编译