Web前端技术丛书 React.js 16 从入门到实战
作者： 王金柱 著
出版时间：2020年版
丛编项： Web前端技术丛书
内容简介
　　本书是一本从实战出发，学习React.js 16框架及其相关技术栈的入门与实践书籍。全书内容翔实、重点突出、代码丰富、通俗易懂，涵盖了React.js 16框架开发的方方面面。 全书共分为16章，包括React基础开发、React JSX、组件Components、Props参数、State状态和生命周期、事件处理、条件渲染、列表、表单、组合与继承、状态提升、Refs、Router路由与Redux扩展等相关知识内容。另外，为了突出本书项目实战的特性，有针对性地基于React框架及其技术栈讲解了5个实际项目应用，可以帮助读者深入掌握React的开发技巧。 本书用于学习React.js 16编程，全书内容简洁、代码精练、重点突出、实例丰富，能够帮助初学者快速掌握React开发方法。同时，对于前端开发人员提高服务器端脚本语言的开发技术水平有非常大的帮助。
目录
目 录

第1章 React简介 1
1.1 React概述 1
1.2 React优势 1
1.3 第一个React应用 2
1.4 React脚手架 5
1.4.1 关于React脚手架 5
1.4.2 Node.js与npm 6
1.4.3 Webpack模块打包器 7
1.4.4 ES6和Babel 7
1.4.5 使用create-react-app脚手架开发第一个应用 8
1.4.6 React项目架构 9
1.5 React虚拟DOM 10
1.6 JSX简单入门 14
1.7 React渲染机制 16
第2章 React JSX 19
2.1 JSX介绍 19
2.2 JSX独立文件 19
2.3 JSX算术表达式 21
2.4 JSX条件表达式 23
2.5 JSX嵌入表达式 24
2.6 JSX对象表达式 26
2.7 JSX函数表达式 28
2.8 JSX增强函数表达式 29
2.9 JSX数组表达式 32
2.10 JSX样式表达式 33
2.11 JSX注释表达式 35

第3章 React组件与Props 37
3.1 React组件介绍 37
3.2 React函数组件 38
3.3 React类组件 39
3.4 React组合组件 42
3.5 React Props介绍 45
3.6 React Props应用 47
3.7 React Props只读性 49
3.8 React Props默认值 52
3.9 React组件切分与提取 54
第4章 React State与生命周期 63
4.1 React State介绍 63
4.2 关于定时器时钟的思考 65
4.3 开始封装时钟UI 66
4.4 实现时钟UI的自动更新 68
4.5 自我更新的时钟UI类 69
4.6 在时钟组件类中引入State状态 72
4.7 React生命周期介绍 76
4.8 在时钟组件类中使用生命周期 77
4.9 正确的使用State状态 79
4.10 自顶向下的数据流 84
第5章 React事件处理 92
5.1 React事件介绍 92
5.2 React单击事件 94
5.3 React阻止事件默认行为 97
5.4 React类的事件处理方法 99
5.5 绑定回调方法的其他方式 101
5.6 在事件处理方法中传递参数 105
5.7 实战：开关按钮 109
5.8 React文本框事件 113
5.9 实战：水温监控控件 117
第6章 React条件渲染 122
6.1 React条件渲染介绍 122
6.2 元素变量的条件渲染 125
6.3 逻辑“与”运算符的条件渲染 133
6.4 逻辑“或”运算符的条件渲染 135
6.5 三元逻辑表达式的条件渲染 137
6.6 实战：改进登录组件 139
6.7 阻止组件渲染 142
第7章 React列表与Key 145
7.1 React列表介绍 145
7.2 基础列表组件 147
7.3 多级列表组件 149
7.4 React Key介绍 152
7.5 React Key使用 155
7.6 React通过Key提取组件 157
7.7 React Key局部唯一性 162
7.8 React Key有效性 164
第8章 React表单 168
8.1 React表单介绍 168
8.2 表单受控组件 171
8.3 强制转换大写字母 177
8.4 校验手机号码格式 181
8.5 格式化序列号 187
8.6 文本域关键字 190
8.7 下拉列表受控组件 194
8.8 处理多个输入 197
8.9 React表单提交操作 200
8.10 React表单提交服务器 205
8.11 受控组件与非受控组件 210
第9章 组合与继承 215
9.1 组合与继承概述 215
9.2 定义组件容器 215
9.3 定义子组件 216
9.4 自定义Props属性 221
9.5 特例关系组合 223
9.6 类组合方式确认框 225

第10章 状态提升 229
10.1 设计构想 229
10.2 实现水温监控功能 230
10.3 加入第二个水温输入框 233
10.4 同步二个水温输入框 237
10.5 将水温“状态共享” 240
10.6 将水温“状态提升” 244
10.7 实现水温同步换算 249
第11章 React扩展 255
11.1 Node.js与React 255
11.2 Babel与React 256
11.3 Webpack模块打包器 257
11.4 Node+Babel+Webpack搭建React环境 261
11.5 Browserify模块打包器 268
11.6 React Router与单页面应用 271
11.7 Redux与React 273
第12章 实战1：基于React + Redux 实现计数器应用 279
12.1 设计思想 279
12.2 计数器应用页面 280
12.3 主入口模块 281
12.4 视图模块 282
12.5 Action定义 285
12.6 Reducer设计 285
12.7 计数器应用测试 286
第13章 实战2：基于React+Redux 实现计算器应用 289
13.1 设计思想 289
13.2 计算器应用页面 290
13.3 主入口模块 291
13.4 视图模块 292
13.5 Action定义 296
13.6 Reducer设计 297
13.7 计算器应用测试 299

第14章 实战3：基于Provider容器组件重构计算器应用 301
14.1 设计思想 301
14.2 主入口模块 303
14.3 App组件 303
14.4 视图模块 305
14.5 Action定义 309
14.6 Reducer设计 309
14.7 重构的计算器应用测试 312
第15章 实战4：基于Redux 实现任务管理器应用 313
15.1 设计思想 313
15.2 任务管理器应用页面 314
15.3 主入口模块 315
15.4 App组件 315
15.5 AddTodo组件 316
15.6 VisibleTodoList组件 317
15.7 Footer组件 320
15.8 Action定义 322
15.9 Reducer设计 323
15.10 任务管理器应用测试 325
第16章 实战5：基于React+Router+Redux 的网站架构 328
16.1 设计思想 328
16.2 网站架构应用页面 329
16.3 主入口模块 330
16.4 App组件 330
16.5 Reducer设计 332
16.6 视图组件 335
16.7 Action定义 338
16.8 网站架构应用测试 339