React.js实战

 

本书旨在帮读者从零开始学习React基础知识，采用“语法”+“示例”的方式，以便于初学者学习和练习，是目前市场上少有的React入门图书。
本书共14章，分为3篇，涵盖的主要内容有：React的前世今生、使用React所需的预备知识（包括npm、webpack、ES6）、React开发环境搭建、React组件、React事件系统、React原理、数据管理、React架构、React服务端渲染、React测试、React性能优化、React+webpack+ES6项目实战（笔记本+购物车）等。
本书内容丰富、实例典型、实用性强，适合有一定的 HTML、CSS、JavaScript 基础、希望全面学习React开发的前端开发人员阅读，也适合希望提高项目开发水平的人员阅读。

赵荣娇，飞猪旅行前端开发工程师，擅长CSS、JavaScript和各种框架，参与写作或翻译过多本前端精品图书，喜欢旅行，热爱前端开发，乐于分享。
刘江虹，H3C总部前端项目经理，精通Web前端开发和服务器脚本语言技术，善于把握运用新技术，如React、jQuery、Webpack等，具有3年以上前端开发和技术团队管理经验，技术上一专多能，能够跨平台、跨数据库进行软件开发和项目管理。

章 React的前世今生1
1.1 刀耕火种的年代1
1.2 Web应用的出现2
1.3 React的诞生2
1.4 npm3
1.4.1 什么是npm3
1.4.2 理解npm scripts3
1.4.3 dependencies和devDependencies5
1.5 webpack5
1.5.1 为什么需要webpack6
1.5.2 webpack入口和出口7
1.5.3 webpack loader8
1.5.4 webpack plugins9
1.6 ES610
1.6.1 函数的扩展10
1.6.2 对象的扩展13
1.6.3 class15
第2章 初探React17
2.1 React带来的变化17
2.1.1 React的声明式编程17
2.1.2 React的组件化思想18
2.1.3 React的虚拟DOM19
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 props33
3.2.2 state34
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 JSX62
5.1.1 JSX语法64
5.1.2 JSX使用样式65
5.2 dom-diff66
5.3 setState68
第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 Mobx95
7.1.3 Redux应运而生95
7.2 Redux核心概念96
7.2.1 store96
7.2.2 action98
7.2.3 reducer100
7.2.4 connect102
7.2.5 总结103
7.3 Redux生态104
7.3.1 redux middleware104
7.3.2 redux-logger104
7.3.3 redux-thunk107
7.3.4 redux-saga111
7.4 Redux进阶116
7.4.1 理解middleware原理116
7.4.2 手动实现middleware120
第8章 React架构121
8.1 文件结构121
8.2 CSS方案122
8.2.1 CSS Modules122
8.2.2 局部样式123
8.2.3 全局作用域126
8.2.4 组合样式126
8.2.5 PostCSS129
8.3 状态管理132
8.3.1 如何定义state132
8.3.2 你可能不需要Redux132
8.3.3 再来说说Redux133
8.4 路由管理135
第9章 React服务端渲染139
9.1 服务端渲染的意义139
9.2 理解服务端渲染原理141
9.3 实战：动手实现服务端渲染144
9.4 服务器渲染的思考156
0章 编写测试157
10.1 测试驱动开发157
10.1.1 测试驱动开发的好处157
10.1.2 测试驱动开发现状158
10.1.3 定义属于自己的测试原则159
10.2 React测试工具160
10.2.1 Jest160
10.2.2 Enzyme161
10.3 动手测试我们的代码162
10.3.1 使用Jest测试162
10.3.2 使用Emzyme测试167
10.4 测试之外179
10.4.1 PropTypes179
10.4.2 Flow 183
10.4.3 TypeScript 185
1章 性能优化190
11.1 不要过早优化190
11.2 React性能查看工具191
11.3 React优化手段192
11.3.1 单个React组件性能优化192
11.3.2 shoudComponentUpdate193
11.3.3 immutable（ImmutableJS）194
11.4 性能优化小结197
2章 Hooks198
12.1 为什么引入Hooks198
12.2 Hooks的使用方法200
12.2.1 useState200
12.2.2 useEffect201
12.2.3 useReducer202
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
3章 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 引入antd229
13.3 改写笔记本样式233
13.4 案例小结238
4章 React实战：React+webpack+ES6实现购物车239
14.1 前期准备239
14.1.1 环境准备239
14.1.2 编码规范ESLint240
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