React基础教程"

【章名目录】
第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　Switch组件　160
11.2.4　路由匹配matchPath()　160
11.3　静态路由与动态路由　161
11.3.1　静态路由　161
11.3.2　动态路由　162
11.4　各种路由器　164
11.4.1　BrowserRouter路由器　164
11.4.2　HashRouter路由器　164
11.4.3　MemoryRouter路由器　165
11.4.4　NativeRouter路由器　165
11.4.5　StaticRouter路由器　166
11.5　React Router特性　166
11.5.1　Prompt组件　166
11.5.2　withRouter组件　167
11.5.3　Redirect组件　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　名词解释