第1章 现代前端开发 1
1.1 ES6——新一代的JavaScript标准 1
1.1.1 语言特性 2
1.1.2 使用Babel 10
1.1.3 小结 13
1.2 前端组件化方案 13
1.2.1 JavaScript模块化方案 14
1.2.2 前端的模块化和组件化 16
1.2.3 小结 18
1.3 辅助工具 19
1.3.1 包管理器（Package Manager） 19
1.3.2 任务流工具（Task Runner） 23
1.3.3 模块打包工具（Bundler） 26
第2章 webpack 28
2.1 webpack的特点与优势 28
2.1.1 webpack与RequireJS、browserify 29
2.1.2 模块规范 30
2.1.3 非javascript模块支持 31
2.1.4 构建产物 32
2.1.5 使用 33
2.1.6 webpack的特色 35
2.1.7 小结 38
2.2 基于webpack进行开发 38
2.2.1 安装 38
2.2.2 Hello world 39
2.2.3 使用loader 43
2.2.4 配置文件 46
2.2.5 使用plugin 48
2.2.6 实时构建 50
第3章 初识React 52
3.1 使用React与传统前端开发的比较 54
3.1.1 传统做法 54
3.1.2 全量更新 56
3.1.3 使用React 57
3.1.4 小结 59
3.2 JSX 59
3.2.1 来历 59
3.2.2 语法 60
3.2.3 编译JSX 63
3.2.4 小结 64
3.3 React＋webpack开发环境 64
3.3.1 安装配置Babel 64
3.3.2 安装配置ESLint 65
3.3.3 配置webpack 66
3.3.4 添加测试页面 68
3.3.5 添加组件热加载（HMR）功能 70
3.3.6 小结 71
3.4 组件 72
3.4.1 props属性 73
3.4.2 state状态 76
3.4.3 组件生命周期 78
3.4.4 组合组件 80
3.4.5 无状态函数式组件 82
3.4.6 state设计原则 82
3.4.7 DOM操作 83
3.5 Virtual DOM 85
3.5.1 DOM 85
3.5.2 虚拟元素 86
3.5.3 比较差异 88
第4章 实践React 91
4.1 开发项目 91
4.1.1 将原型图分割成不同组件 92
4.1.2 创造每个静态组件 93
4.1.3 组合静态组件 96
4.1.4 添加state的结构 99
4.1.5 组件交互设计 100
4.1.6 组合成为最终版本 102
4.1.7 小结 105
4.2 测试 106
4.2.1 通用测试工具简介 106
4.2.2 React测试工具及方法 108
4.2.3 配置测试环境 109
4.2.4 Shallow Render 110
4.2.5 DOM Rendering 114
4.2.6 小结 116
第5章 Flux架构及其实现 117
5.1 Flux 117
5.1.1 单向数据流 118
5.1.2 项目结构 119
5.1.3 Dispatcher和action 119
5.1.4 store和Dispatcher 122
5.1.5 store和view 124
5.1.6 Flux的优缺点 126
5.1.7 Flux的实现 126
5.2 Redux 126
5.2.1 动机 127
5.2.2 三大定律 127
5.2.3 组成 129
5.2.4 数据流 136
5.2.5 使用middleware 137
第6章 使用Redux 142
6.1 在React项目中使用Redux 142
6.1.1 如何在React项目中使用Redux 142
6.1.2 react-redux 147
6.1.3 组件组织 152
6.1.4 开发工具 155
6.2 使用Redux重构Deskmark 157
6.2.1 概要 157
6.2.2 创建与触发action 158
6.2.3 使用middleware 159
6.2.4 实现reducer 163
6.2.5 创建与连接store 165
第7章 React＋Red ux进阶 168
7.1 常见误解 168
7.1.1 React的角色 169
7.1.2 JSX的角色 169
7.1.3 React的性能 170
7.1.4 “短路”式性能优化 171
7.1.5 无状态函数式组件的性能 172
7.2 反模式 173
7.2.1 基于props得到初始state 173
7.2.2 使用refs获取子组件 176
7.2.3 冗余事实 178
7.2.4 组件的隐式数据源 180
7.2.5 不被预期的副作用 182
7.3 性能优化 183
7.3.1 优化原则 183
7.3.2 性能分析 184
7.3.3 生产环境版本 187
7.3.4 避免不必要的render 188
7.3.5 合理拆分组件 199
7.3.6 合理使用组件内部state 200
7.3.7 小结 203
7.4 社区产物 203
7.4.1 Flux及其实现 203
7.4.2 Flux Standard Action 204
7.4.3 Ducks 206
7.4.4 GraphQL/Relay与Falcor 207
7.4.5 副作用的处理 209