Redux实战PDF电子书下载

第1章 Redux介绍 1

1.1 什么是状态 2

1.2 什么是Flux 3

1.2.1 action 4

1.2.2 dispatcher 4

1.2.3 store 4

1.2.4 视图 4

1.3 什么是Redux 4

1.3.1 React和Redux 5

1.3.2 3个原则 6

1.3.2 工作流 6

1.4 为什么要用Redux 11

1.4.1 可预测性 11

1.4.2 开发者体验 11

1.4.3 可测试性 11

1.4.4 学习曲线 11

1.4.5 体积 11

1.5 何时应该使用Redux 12

1.6 Redux的备选方案 12

1.6.1 Flux的一些实现 12

1.6.2 MobX 13

1.6.3 GraphQL客户端 14

1.7 本章小结 14

第2章 第一个Redux应用程序 15

2.1 创建一个任务管理应用程序 16

2.2 使用Create React App 17

2.3 基本的React组件 19

2.4 重温Redux架构 21

2.5 配置Redux store 22

2.5.1 整体和store API 22

2.5.2 创建Redux store 23

2.5.3 tasks reducer 24

2.5.4 默认reducer状态 25

2.6 使用react－redux连接Redux与React 26

2.6.1 添加Provider组件 26

2.6.2 将数据从Redux传递到React组件 27

2.6.3 容器组件和展示型组件 29

2.7 派发action 29

2.8 action创建器 33

2.8.1 使用action创建器 34

2.8.2 action创建器和副作用 35

2.9 使用reducer处理action 36

2.10 练习 38

2.11 解决方案 39

2.11.1 状态下拉菜单 39

2.11.2 派发一个edit action 40

2.11.3 在reducer中处理action 42

2.12 本章小结 43

第3章 调试Redux应用程序 45

3.1 Redux DevTools介绍 46

3.2 时间旅行调试 47

3.3 使用DevTools监视器可视化变更 48

3.4 实现Redux DevTools 49

3.5 Webpack的作用 51

3.6 模块热替换 52

3.6.1 热加载组件 53

3.6.2 热加载reducer 54

3.6.3 模块热替换的局限性 55

3.7 使用React Hot Loader维持局部组件状态 55

3.8 练习 55

3.9 解决方案 56

3.10 本章小结 57

第4章 使用API 59

4.1 异步action 60

4.2 使用redux－thunk调用异步action 62

4.2.1 从服务器获取任务 62

4.2.2 API客户端 66

4.2.3 视图action和服务器action 67

4.3 将任务保存到服务器 68

4.4 练习 70

4.5 解决方案 71

4.6 加载状态 72

4.6.1 请求生命周期 73

4.6.2 添加加载指示符 74

4.7 错误处理 78

4.8 本章小结 82

第5章 中间件 83

5.1 初窥中间件 84

5.2 中间件的基础知识 85

5.3 日志记录中间件 86

5.3.1 创建日志记录中间件 86

5.3.2 使用applyMiddleware注册中间件 88

5.4 数据分析中间件 89

5.4.1 meta属性 89

5.4.2 添加数据分析中间件 90

5.4.3 中间件的使用场合 93

5.4.4 案例分析：如何不使用中间件 93

5.5 API中间件 95

5.5.1 理想的API 96

5.5.2 概述API中间件 98

5.5.3 发起AJAX调用 100

5.5.4 更新reducer 101

5.5.5 API中间件总结 102

5.6 练习 102

5.7 解决方案 102

5.8 本章小结 105

第6章 处理复杂的副作用 107

6.1 什么是副作用 108

6.2 回顾thunk 109

6.2.1 优势 109

6.2.2 不足 110

6.3 saga介绍 110

6.3.1 优势 111

6.3.2 不足 111

6.4 生成器概述 111

6.4.1 生成器语法 112

6.4.2 迭代器 113

6.4.3 生成器循环 113

6.4.4 使用生成器的原因 114

6.5 实现saga 115

6.5.1 将saga中间件连接至store 115

6.5.2 根saga介绍 116

6.5.3 副作用 118

6.5.4 响应并派发action 118

6.6 处理长时间运行的进程 121

6.6.1 准备数据 121

6.6.2 更新用户界面 122

6.6.3 派发action 122

6.6.4 编写长时间运行的进程 123

6.6.5 处理reducer中的action 124

6.6.6 使用通道 125

6.7 练习 127

6.8 解决方案 127

6.9 其他的副作用管理策略 128

6.9.1 使用async/await异步函数 129

6.9.2 使用redux－promise处理promise 129

6.9.3 redux－loop 129

6.9.4 redux－observable 130

6.10 本章小结 130

第7章 为组件准备数据 131

7.1 将Redux与React组件解耦 132

7.2 选择器概述 134

7.3 实现搜索 135

7.3.1 搭建UI 136

7.3.2 本地状态与Redux状态 138

7.3.3 派发过滤器action 139

7.3.4 在reducer中处理过滤器action 141

7.3.5 编写自己的第一个选择器 142

7.4 reselect介绍 144

7.4.1 reselect和menoization 144

7.4.2 reselect与composition 146

7.5 实现reselect 146

7.6 练习 147

7.7 解决方案 148

7.8 本章小结 150

第8章 组织Redux store 151

8.1 如何在Redux中存储数据 152

8.2 规范化数据介绍 154

8.3 使用嵌套数据实现项目 155

8.3.1 概述：请求与渲染项目 156

8.3.2 使用项目数据更新服务器 159

8.3.3 添加和派发fetchProjects 160

8.3.4 更新reducer 162

8.3.5 更新mapStateToProps和选择器 164

8.3.6 添加项目下拉菜单 165

8.3.7 编辑任务 169

8.3.8 非必要的渲染 170

8.3.9 总结——嵌套数据 172

8.4 规范化项目和任务 172

8.4.1 定义模式 174

8.4.2 更新reducer以处理实体 175

8.4.3 更新选择器 177

8.4.4 创建任务 178

8.4.5 总结——规范化数据 180

8.5 组织其他类型的状态 180

8.6 练习 180

8.7 解决方案 180

8.8 本章小结 182

第9章 测试Redux应用程序 183

9.1 测试工具介绍 184

9.1.1 Jasmine提供了什么 186

9.1.2 Jest提供什么 187

9.1.3 Jest的替代品 188

9.1.4 使用Enzyme进行组件测试 188

9.2 测试Redux和React的区别 189

9.3 测试action创建器 189

9.3.1 测试同步action创建器 190

9.3.2 测试异步action创建器 191

9.4 测试saga 193

9.5 测试中间件 195

9.6 测试reducer 198

9.7 测试选择器 200

9.8 测试组件 202

9.8.1 测试展示型组件 202

9.8.2 快照测试 204

9.8.3 测试容器组件 206

9.9 练习 210

9.10 解决方案 211

9.11 本章小结 213

第10章 性能 215

10.1 性能评估工具 216

10.1.1 性能时间线 216

10.1.2 react－addons－perf 217

10.1.3 why－did－you－update 217

10.1.4 React开发者工具 218

10.2 React优化 219

10.2.1 shouldComponent－Update 219

10.2.2 PureComponent 220

10.2.3 分页和其他策略 220

10.3 Redux优化 221

10.3.1 连接正确的组件 221

10.3.2 自上而下的方法 222

10.3.3 将其他组件连接到Redux 223

10.3.4 将connect添加到Header和TasksPage 225

10.3.5 mapStateToProps和记忆型选择器 229

10.3.6 connect高级用法的经验法则 230

10.3.7 批量处理action 231

10.4 缓存 233

10.5 练习 234

10.6 解决方案 236

10.7 本章小结 240

第11章 组织Redux代码 241

11.1 Rails风格模式 242

11.1.1 优势 243

11.1.2 劣势 244

11.2 域风格模式 244

11.2.1 优势 246

11.2.2 劣势 246

11.3 ducks模式 246

11.3.1 优势 249

11.3.2 劣势 249

11.4 选择器 249

11.5 saga 249

11.6 样式文件 250

11.7 测试文件 250

11.8 练习和解决方案 250

11.9 本章小结 251

第12章 React之外的Redux 253

12.1 移动Redux：React Native 254

12.1.1 处理副作用 254

12.1.2 网络连接 254

12.1.3 性能 255

12.2 桌面Redux： Electron 255

12.2.1 需要原生桌面应用程序的原因 255

12.2.2 Electron的工作方式 256

12.2.3 引入Redux至Electron 257

12.3 其他Redux绑定 258

12.3.1 Angular 258

12.3.2 Ember 259

12.4 没有框架的Redux 260

12.5 练习和解决方案 260

12.6 本章小结 261

附录 安装 263