第1章 React的前世今生

1.1 刀耕火种的年代

1.2 Web应用的出现

1.3 React的诞生

1.4 npm

1.4.1 什么是npm

1.4.2 理解npm scripts

1.4.3 dependencies和devDependencies

1.5 webpack

1.5.1 为什么需要webpack

1.5.2 webpack入口和出口

1.5.3 webpack loader

1.5.4 webpack plugins

1.6 ES6

1.6.1 函数的扩展

1.6.2 对象的扩展

1.6.3 class

第2章 初探React

2.1 React带来的变化

2.1.1 React的声明式编程

2.1.2 React的组件化思想

2.1.3 React的虚拟DOM

2.2 本地环境搭建

2.2.1 Node与npm安装

2.2.2 打造属于你的编辑器

2.3 编写第一个React应用

2.4 与传统jQuery对比

2.5 React调试

2.5.1 安装Chrome插件

2.5.2 Chrome插件的使用

第3章 React组件

3.1 理解组件化思想

3.2 组件之间的通信

3.2.1 props

3.2.2 state

3.2.3 父子组件通信

3.2.4 同级组件通信

3.3 组件生命周期

3.3.1 组件的挂载

3.3.2 组件的更新

3.3.3 组件的卸载

3.3.4 总览组件生命周期

第4章 漫谈React事件系统

4.1 JavaScript事件机制

4.2 剖析React事件系统

4.2.1 组件上绑定事件

4.2.2 在构造函数中绑定事件

4.2.3 箭头函数绑定事件

4.3 实战：实现登录界面（事件系统演练）

第5章 深入React原理

5.1 JSX

5.1.1 JSX语法

5.1.2 JSX使用样式

5.2 dom-diff

5.3 setState

第6章 React组件编写实战

6.1 React组件写法

6.1.1 React.createClass写法

6.1.2 React.Component写法

6.1.3 无状态函数写法

6.2 React组件分类

6.2.1 木偶组件和智能组件

6.2.2 高阶组件

第7章 Redux数据管理

7.1 总览React数据管理

7.1.1 Flux的出现

7.1.2 Mobx

7.1.3 Redux应运而生

7.2 Redux核心概念

7.2.1 store

7.2.2 action

7.2.3 reducer

7.2.4 connect

7.2.5 总结

7.3 Redux生态

7.3.1 redux middleware

7.3.2 redux-logger

7.3.3 redux-thunk

7.3.4 redux-saga

7.4 Redux进阶

7.4.1 理解middleware原理

7.4.2 手动实现middleware

第8章 React架构

8.1 文件结构

8.2 CSS方案

8.2.1 CSS Modules

8.2.2 局部样式

8.2.3 全局作用域

8.2.4 组合样式

8.2.5 PostCSS

8.3 状态管理

8.3.1 如何定义state

8.3.2 你可能不需要Redux

8.3.3 再来说说Redux

8.4 路由管理

第9章 React服务端渲染

9.1 服务端渲染的意义

9.2 理解服务端渲染原理

9.3 实战：动手实现服务端渲染

9.4 服务器渲染的思考

第10章 编写测试

10.1 测试驱动开发

10.1.1 测试驱动开发的好处

10.1.2 测试驱动开发现状

10.1.3 定义属于自己的测试原则

10.2 React测试工具

10.2.1 Jest

10.2.2 Enzyme

10.3 动手测试我们的代码

10.3.1 使用Jest测试

10.3.2 使用Emzyme测试

10.4 测试之外

10.4.1 PropTypes

10.4.2 Flow

10.4.3 TypeScript

第11章 性能优化

11.1 不要过早优化

11.2 React性能查看工具

11.3 React优化手段

11.3.1 单个React组件性能优化

11.3.2 shoudComponentUpdate

11.3.3 immutable（ImmutableJS）

11.4 性能优化小结

第12章 Hooks

12.1 为什么引入Hooks

12.2 Hooks的使用方法

12.2.1 useState

12.2.2 useEffect

12.2.3 useReducer

12.2.4 Hooks使用限制

12.3 Hooks实践

12.3.1 与状态有关的逻辑重用

12.3.2 DOM操作副作用的修改

12.3.3 Hooks互相引用

12.3.4 处理动画

12.3.5 模拟生命周期

12.4 Hooks小结

第13章 React实战：React+webpack+ES6实现简易笔记本

13.1 配置环境

13.1.1 前台准备

13.1.2 服务端准备

13.1.3 创建数据库

13.1.4 连接数据库

13.2 引入antd

13.3 改写笔记本样式

13.4 案例小结

第14章 React实战：React+webpack+ES6实现购物车

14.1 前期准备

14.1.1 环境准备

14.1.2 编码规范ESLint

14.1.3 项目结构

14.2 组件设计

14.2.1 购物车框架

14.2.2 商品组件和商品列表

14.2.3 商品搜索

14.2.4 购物车

14.3 案例小结