韩岗：
博士，2013年毕业于国防科技大学计算机学院，后从事软件架构设计与研发工作。参加工作以来，主持和参与了医疗、教育等领域多个软件系统项目，在架构设计和技术选型方面积累了丰富的经验。2014年，开始尝试最早的组件化前端开发框架——Angular.js。此后，在不同的项目中还分别使用了Vue.js和React，并深深地迷上了这种简洁、规范的前端开发思路。曾先后在国内外发表二十多篇SCI、EI论文，引数达上百次。

【章名目录】
第 1章  React基础
第 2章  React组件
第3章  组件的生命周期函数
第4章  组件事件处理
第5章  React表单
第6章  React组件复用
第7章  常用组件设计实例
第8章  React开发环境与工具
第9章  React Hook
第 10章  Flux和Redux
第 11章  路由
第 12章  前后端交互
第 13章  React单元测试
第 14章  工程实例——选修课选课系统
附录A  相关资源
附录B  名词解释


【详细目录】

第 1章  React基础
1．1  React概述  1
1．2  React基本结构  2
1．2．1  虚拟DOM  3
1．2．2  组件  3
1．2．3  React元素  4
1．2．4  渲染  5
1．3  第 一个React程序  6
1．3．1  基本运行环境  6
1．3．2  Hello world  7
1．4  React的DOM更新机制  8
1．4．1  前提  8
1．4．2  差异比较算法  8
1．4．3  React Fiber架构  10
1．5  JSX  11
1．5．1  JSX介绍  11
1．5．2  JSX使用方法  12
1．5．3  JSX转义工具  18
1．6  React开发中的约定  19
1．6．1  单一根结点  19
1．6．2  组件名约定  20
1．6．3  class、for保留字  20
1．6．4  行内样式  20
1．6．5  HTML转义  21
1．6．6  自定义HTML属性  21
1．7  本章小结  22
1．8  习题  22

第 2章  React组件
2．1  组件的定义  23
2．1．1  props  24
2．1．2  state  25
2．1．3  render()  26
2．2  有状态组件与无状态组件  27
2．2．1  哪些组件应该有state  28
2．2．2  哪些数据应该放入state中  28
2．2．3  哪些数据不应该放入state中  28
2．3  ref引用  28
2．3．1  createRef() 方式  29
2．3．2  回调方式  29
2．3．3  字符串方式  30
2．4  props属性验证  30
2．5  组件的其他成员  32
2．6  本章小结  34
2．7  习题  34

第3章  组件的生命周期函数
3．1  生命周期函数  35
3．2  挂载函数  36
3．3  更新函数  37
3．4  卸载函数  39
3．5  简单示例：数字时钟  40
3．6  本章小结  41
3．7  习题  41

第4章  组件事件处理
4．1  事件处理  42
4．2  事件绑定  44
4．3  事件代理  45
4．4  合成事件  45
4．5  响应其他事件  46
4．6  本章小结  47
4．7  习题  47

第5章  React表单
5．1  使用表单  48
5．2  表单元素  49
5．3  事件响应  50
5．3．1  bind复用  50
5．3．2  name复用  52
5．4  可控组件  53
5．5  不可控组件  54
5．6  本章小结  55
5．7  习题  56

第6章  React组件复用
6．1  组件分离  57
6．1．1  组件嵌套  57
6．1．2  动态组件  58
6．2  组件间通信  59
6．2．1  事件回调机制  59
6．2．2  公开组件功能  60
6．2．3  动态参数传递  61
6．3  组件逻辑复用  62
6．3．1  mixins机制  62
6．3．2  渲染属性  63
6．3．3  高阶组件  64
6．3．4  Context机制  64
6．3．5  React Hook技术  67
6．3．6  Store机制  67
6．4  高阶组件技术  67
6．4．1  高阶组件概念  67
6．4．2  高阶组件与属性转换器  69
6．4．3  高阶组件与异步数据请求  70
6．5  本章小结  71
6．6  习题  71

第7章  常用组件设计实例
7．1  按钮组件设计  72
7．2  模态对话框组件设计  75
7．3  树形组件设计  80
7．4  表格及分页组件设计  84
7．4．1  表格体组件  85
7．4．2  表格头组件  86
7．4．3  分页组件  87
7．4．4  表格组件  89
7．5  综合示例  93
7．5．1  树表联动综合示例  93
7．5．2  消息管理综合示例  94
7．6  本章小结  97
7．7  习题  97

第8章  React开发环境与工具
8．1  Node．js环境  98
8．1．1  Node．js环境的安装  98
8．1．2  最简Web服务  99
8．1．3  React服务器端渲染  100
8．2  NPM模块管理  100
8．2．1  NPM模块安装  101
8．2．2  使用package．json  101
8．2．3  其他命令  102
8．3  常用前端代码编辑器简介  103
8．4  Webpack打包工具  104
8．4．1  Webpack介绍  104
8．4．2  Webpack基本原理  105
8．4．3  Webpack使用基本概念  106
8．4．4  Webpack配置项  106
8．4．5  几个常用插件  108
8．4．6  打包成多个资源文件  108
8．5  React开发中的Webpack  109
8．5．1  Babel工具  109
8．5．2  模块动态加载  110
8．5．3  模块热替换技术  110
8．6  使用Chrome浏览器进行调试  112
8．6．1  设备类型预览  113
8．6．2  DOM结构查看  113
8．6．3  Console控制台  114
8．6．4  网络请求查看  114
8．6．5  页面源代码查看  115
8．7  React开发工具  117
8．7．1  React开发工具的安装  117
8．7．2  React开发工具的使用  118
8．8  工程脚手架  118
8．8．1  初始工程创建  118
8．8．2  配置修改  121
8．9  本章小结  121
8．10  习题  122

第9章  React Hook
9．1  Hook技术介绍  123
9．2  State Hook  124
9．3  Effect Hook  125
9．4  React内置Hook  127
9．5  自定义Hook  128
9．6  注意事项  129
9．7  本章小结  131
9．8  习题  131

第 10章  Flux和Redux
10．1  Flux  132
10．1．1  Flux简介  132
10．1．2  派发器  133
10．1．3  action  134
10．1．4  状态仓库  135
10．1．5  视图与控制器视图  136
10．1．6  Flux工具包  136
10．2  Redux  136
10．2．1  Redux的基本思想  137
10．2．2  简单示例：待办事项  137
10．2．3  归纳函数  141
10．2．4  连接函数  144
10．2．5  Redux特性  145
10．2．6  常用API  147
10．3  Redux不错特性  148
10．3．1  异步action  148
10．3．2  Redux中间件  149
10．4  Redux适用场景  151
10．5  本章小结  151
10．6  习题  152

第 11章  路由
11．1  简单示例：网站列表  153
11．2  路由配置  154
11．2．1  基础路由  154
11．2．2  路由组件的属性  158
11．2．3  组件  160
11．2．4  路由匹配matchPath()  160
11．3  静态路由与动态路由  161
11．3．1  静态路由  161
11．3．2  动态路由  162
11．4  各种路由器  164
11．4．1  路由器  164
11．4．2  路由器  164
11．4．3  路由器  165
11．4．4  路由器  165
11．4．5  路由器  166
11．5  React Router特性  166
11．5．1  组件  166
11．5．2  组件  167
11．5．3  组件  168
11．6  本章小结  169
11．7  习题  169

第 12章  前后端交互
12．1  前后端交互技术  170
12．2  前后端交互中的特殊对象——Promise  170
12．2．1  Promise简介  172
12．2．2  Promise对象的原理  172
12．2．3  Promise对象的使用方法  174
12．3  HTTP客户端——Axios  177
12．3．1  Axios/API  178
12．3．2  Axios配置  179
12．4  本章小结  180
12．5  习题  180

第 13章  React单元测试
13．1  简单示例：平方函数测试  181
13．2  React官方测试工具Jest  182
13．2．1  Jest工具的测试环境搭建  182
13．2．2  匹配器方法  183
13．2．3  模拟函数  186
13．2．4  异步代码测试  189
13．2．5  两组钩子：beforeEach/afterEach和beforeAll /afterAll  191
13．2．6  快照测试  192
13．3  DOM测试工具  194
13．3．1  react-testing-library工具  195
13．3．2  Enzyme工具  196
13．4  本章小结  199
13．5  习题  199

第 14章  工程实例——选修课选课系统
14．1  基本需求分析  200
14．2  详细设计  201
14．2．1  项目总体工程描述  201
14．2．2  登录界面设计  203
14．2．3  主界面设计  204
14．2．4  选课界面设计  206
14．3  本章小结  209
14．4  习题  209

附录A  相关资源
附录B  名词解释