Web前端技术丛书 React.js实战PDF电子书下载

第1章 React的前世今生 1

1.1 刀耕火种的年代 1

1.2 Web应用的出现 2

1.3 React的诞生 2

1.4 npm 3

1.4.1 什么是npm 3

1.4.2 理解npm scripts 3

1.4.3 dependencies和devDependencies 5

1.5 webpack 5

1.5.1 为什么需要webpack 6

1.5.2 webpack入口和出口 7

1.5.3 webpack loader 8

1.5.4 webpack plugins 9

1.6 ES6 10

1.6.1 函数的扩展 10

1.6.2 对象的扩展 13

1.6.3 class 15

第2章 初探React 17

2.1 React带来的变化 17

2.1.1 React的声明式编程 17

2.1.2 React的组件化思想 18

2.1.3 React的虚拟DOM 19

2.2 本地环境搭建 19

2.2.1 Node与npm安装 20

2.2.2 打造属于你的编辑器 21

2.3 编写第一个React应用 22

2.4 与传统jQuery对比 25

2.5 React调试 28

2.5.1 安装Chrome插件 28

2.5.2 Chrome插件的使用 29

第3章 React组件 32

3.1 理解组件化思想 32

3.2 组件之间的通信 32

3.2.1 props 33

3.2.2 state 34

3.2.3 父子组件通信 36

3.2.4 同级组件通信 39

3.3 组件生命周期 41

3.3.1 组件的挂载 41

3.3.2 组件的更新 43

3.3.3 组件的卸载 46

3.3.4 总览组件生命周期 48

第4章 漫谈React事件系统 50

4.1 JavaScript事件机制 50

4.2 剖析React事件系统 54

4.2.1 组件上绑定事件 54

4.2.2 在构造函数中绑定事件 56

4.2.3 箭头函数绑定事件 57

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

第5章 深入React原理 62

5.1 JSX 62

5.1.1 JSX语法 64

5.1.2 JSX使用样式 65

5.2 dom-diff 66

5.3 setState 68

第6章 React组件编写实战 75

6.1 React组件写法 75

6.1.1 React.createClass写法 75

6.1.2 React.Component写法 76

6.1.3 无状态函数写法 78

6.2 React组件分类 79

6.2.1 木偶组件和智能组件 79

6.2.2 高阶组件 83

第7章 Redux数据管理 89

7.1 总览React数据管理 89

7.1.1 Flux的出现 89

7.1.2 Mobx 95

7.1.3 Redux应运而生 95

7.2 Redux核心概念 96

7.2.1 store 96

7.2.2 action 98

7.2.3 reducer 100

7.2.4 connect 102

7.2.5 总结 103

7.3 Redux生态 104

7.3.1 redux middleware 104

7.3.2 redux-logger 104

7.3.3 redux-thunk 107

7.3.4 redux-saga 111

7.4 Redux进阶 116

7.4.1 理解middleware原理 116

7.4.2 手动实现middleware 120

第8章 React架构 121

8.1 文件结构 121

8.2 CSS方案 122

8.2.1 CSS Modules 122

8.2.2 局部样式 123

8.2.3 全局作用域 126

8.2.4 组合样式 126

8.2.5 PostCSS 129

8.3 状态管理 132

8.3.1 如何定义state 132

8.3.2 你可能不需要Redux 132

8.3.3 再来说说Redux 133

8.4 路由管理 135

第9章 React服务端渲染 139

9.1 服务端渲染的意义 139

9.2 理解服务端渲染原理 141

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

9.4 服务器渲染的思考 156

第10章 编写测试 157

10.1 测试驱动开发 157

10.1.1 测试驱动开发的好处 157

10.1.2 测试驱动开发现状 158

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

10.2 React测试工具 160

10.2.1 Jest 160

10.2.2 Enzyme 161

10.3 动手测试我们的代码 162

10.3.1 使用Jest测试 162

10.3.2 使用Emzyme测试 167

10.4 测试之外 179

10.4.1 PropTypes 179

10.4.2 Flow 183

10.4.3 TypeScript 185

第11章 性能优化 190

11.1 不要过早优化 190

11.2 React性能查看工具 191

11.3 React优化手段 192

11.3.1 单个React组件性能优化 192

11.3.2 shoudComponentUpdate 193

11.3.3 immutable（ImmutableJS） 194

11.4 性能优化小结 197

第12章 Hooks 198

12.1 为什么引入Hooks 198

12.2 Hooks的使用方法 200

12.2.1 useState 200

12.2.2 useEffect 201

12.2.3 useReducer 202

12.2.4 Hooks使用限制 203

12.3 Hooks实践 205

12.3.1 与状态有关的逻辑重用 205

12.3.2 DOM操作副作用的修改 208

12.3.3 Hooks互相引用 209

12.3.4 处理动画 211

12.3.5 模拟生命周期 215

12.4 Hooks小结 216

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

13.1 配置环境 217

13.1.1 前台准备 217

13.1.2 服务端准备 218

13.1.3 创建数据库 220

13.1.4 连接数据库 223

13.2 引入antd 229

13.3 改写笔记本样式 233

13.4 案例小结 238

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

14.1 前期准备 239

14.1.1 环境准备 239

14.1.2 编码规范ESLint 240

14.1.3 项目结构 246

14.2 组件设计 247

14.2.1 购物车框架 247

14.2.2 商品组件和商品列表 251

14.2.3 商品搜索 259

14.2.4 购物车 261

14.3 案例小结 265