React全栈式实战开发入门 微课视频版

（1）内容新。本书使用的React版本是17.0.0版，涵盖了新内容（如Hook）。 （2）易理解。本书避免对官方文档的简单引用，按照学习先后顺序和开发步骤由浅入深地编排知识点，适合于自学和大学课程教学的需要。 （3）全栈式。本书包括了官方文档的绝大多数内容。在介绍React应用开发的基础上，考虑到开发时前后端分离的需求和React的灵活性，本书还介绍了采用了Spring Boot、Python框架、Go等不同技术栈和React的整合开发。 （4）示例多。实战案例丰富，涵盖48个知识点示例、6个整合开发案例、1个完整项目案例。

React（React.js）作为三大前端开发框架之一，有着广泛的应用。本书由浅入深、循序渐进地介绍React的应用开发。本书共分三部分，共15章。第一部分基础篇，包括第1～7章，内容涉及React简介与开发基础，React组件，React事件处理，React条件渲染、列表和key，React状态管理，React表单，React组件的组合和继承。第二部分高阶篇，包括第8～10章，内容涉及React使用Hook增强组件，React基础原理和高级指引，React应用开发的工具。第三部分实战篇，包括第11～15章，内容涉及React与Redux的整合开发，React与SpringBoot的整合开发，React与Python框架的整合开发，React与Go的整合开发，案例。  本书适合作为全国高等院校前端开发类课程的教材，也可供从事React应用开发和Web前端开发人员参考。

第一部分基础篇
第1章React简介与开发基础3
1.1React简介3
1.1.1React的定义3
1.1.2React的特点3
1.1.3React的发展简史4
1.2React应用开发的简单示例5
1.2.1单个HTML文件应用React的示例5
1.2.2元素渲染说明8
1.2.3两个文件应用React的示例9
1.2.4应用React的示例对比分析10
1.3JSX应用开发入门11
1.3.1JSX说明11
1.3.2JSX综合应用示例11
1.3.3JSX综合运行效果14
习题114
第2章React组件15
2.1React组件概述15
2.1.1组件和自定义组件15
2.1.2函数组件和类组件16
2.2函数组件和类组件的应用开发16
2.2.1开发示例16
2.2.2运行效果17
2.3组件参数和组合组件18
2.3.1说明18
2.3.2开发示例18
2.3.3运行效果21
2.4组件的分解和组合21
2.4.1说明21
2.4.2开发示例22
2.4.3运行效果24
2.5组件的生命周期24
2.5.1概述24
2.5.2constructor()方法25
2.5.3componentDidMount()方法25
2.5.4componentDidUpdate()方法25
2.5.5componentWillUnmount()方法25
2.5.6开发示例26
2.5.7运行效果27
习题228
第3章React事件处理29
3.1React事件处理概述29
3.1.1事件29
3.1.2合成事件30
3.1.3支持的事件类型30
3.2鼠标事件处理31
3.2.1开发示例31
3.2.2运行效果34
3.3焦点事件处理36
3.3.1开发示例36
3.3.2运行效果38
3.4键盘事件处理39
3.4.1开发示例39
3.4.2运行效果40
3.5图像事件处理41
3.5.1开发示例41
3.5.2运行效果43
习题344
第4章React条件渲染、列表和key45
4.1React条件渲染、列表和key概述45
4.1.1条件渲染45
4.1.2列表45
4.1.3key46
4.2条件渲染的应用开发46
4.2.1开发示例46
4.2.2运行效果51
4.3列表的应用开发52
4.3.1开发示例52
4.3.2运行效果54
4.4key的应用开发55
4.4.1开发示例55
4.4.2运行效果58
4.5列表和key的综合应用58
4.5.1开发示例58
4.5.2运行效果60
习题461
第5章React状态管理62
5.1React状态管理概述62
5.1.1state62
5.1.2setState()方法63
5.1.3forceUpdate()方法64
5.1.4状态提升64
5.2状态的基础应用64
5.2.1开发示例64
5.2.2运行效果70
5.3状态的提升应用71
5.3.1开发示例71
5.3.2运行效果75
习题577
第6章React表单78
6.1React表单概述78
6.1.1表单78
6.1.2受控组件78
6.1.3非受控组件79
6.2表单组件79
6.2.1开发示例79
6.2.2运行效果86
6.3ref87
6.3.1开发示例87
6.3.2运行效果89
习题691
第7章React组件的组合和继承92
7.1React组件的组合和继承概述92
7.1.1组合92
7.1.2继承92
7.2带样式的组合组件93
7.2.1引入包、样式和功能文件93
7.2.2定义样式93
7.2.3定义功能94
7.2.4带样式组件综合应用的运行效果95
7.3页面布局96
7.3.1定义样式和功能96
7.3.2运行效果98
7.4特例关系组合99
7.4.1定义样式和功能99
7.4.2运行效果100
7.5类组合101
7.5.1定义样式和功能101
7.5.2运行效果103
习题7104
第二部分高阶篇
第8章React使用Hook增强组件107
8.1Hook概述107
8.1.1Hook107
8.1.2HookAPI108
8.1.3自定义Hook109
8.1.4Hook的使用规则109
8.2StateHook的应用110
8.2.1创建项目reactjsbook110
8.2.2修改文件index.js113
8.2.3创建组件113
8.2.4运行项目reactjsbook114
8.2.5useState()函数的应用说明115
8.2.6StateHook的等价实现115
8.3StateHook的综合应用116
8.3.1创建组件116
8.3.2运行项目reactjsbook119
8.4EffectHook的应用119
8.4.1说明119
8.4.2创建文件HookExample2.js120
8.4.3EffectHook的等价实现121
8.4.4创建组件122
8.4.5修改文件index.js124
8.4.6运行项目reactjsbook125
8.5其他Hook的应用125
8.5.1useState()函数应用125
8.5.2useReducer()函数应用126
8.5.3useMemo()函数应用127
8.5.4useRef()函数应用128
8.5.5创建组件128
8.5.6修改文件index.js129
8.5.7运行项目reactjsbook129
习题8130
第9章React基础原理和高级指引131
9.1React基础原理131
9.1.1选择性地使用React131
9.1.2JSX表示对象131
9.1.3类组件的执行顺序133
9.1.4异步编程135
9.1.5Fiber135
9.1.6模块136
9.2React应用开发的一般步骤136
9.2.1将UI界面分解为组件136
9.2.2实现应用程序的静态版本136
9.2.3确定state137
9.2.4确定state的放置位置137
9.2.5添加反向数据流137
9.3React片段138
9.3.1说明138
9.3.2创建组件138
9.3.3修改文件index.js140
9.3.4运行项目reactjsbook140
9.4context141
9.4.1说明141
9.4.2创建组件142
9.4.3修改文件index.js144
9.4.4运行项目reactjsbook144
9.5高阶组件145
9.5.1说明145
9.5.2创建组件145
9.5.3修改文件index.js146
9.5.4运行项目reactjsbook147
9.6ref转发147
9.6.1说明147
9.6.2创建组件148
9.6.3修改文件index.js149
9.6.4运行项目reactjsbook149
9.7portal149
9.7.1说明149
9.7.2创建组件150
9.7.3修改文件index.js151
9.7.4运行项目reactjsbook152
9.8ref和DOM152
9.8.1说明152
9.8.2创建组件153
9.8.3修改文件index.js156
9.8.4运行项目reactjsbook156
9.9WebComponent157
9.9.1说明157
9.9.2创建组件157
9.9.3修改文件index.js158
9.9.4运行项目reactjsbook158
9.10renderprops159
9.10.1说明159
9.10.2创建组件159
9.10.3修改文件index.js164
9.10.4运行项目reactjsbook164
9.11错误边界164
9.11.1说明164
9.11.2创建组件165
9.11.3修改文件index.js166
9.11.4运行项目reactjsbook167
9.12测试167
9.12.1说明167
9.12.2测试简单示例167
9.12.3异步测试示例169
9.12.4mock测试示例171
9.12.5事件测试示例173
习题9174
第10章React应用开发的工具176
10.1包管理器176
10.1.1NPM176
10.1.2Yarn177
10.2安装React177
10.2.1CDN链接177
10.2.2CreateReactApp178
10.3编译器和编辑器178
10.3.1Babel178
10.3.2ESLint178
10.3.3Prettier179
10.3.4PropTypes179
10.4构建工具179
10.4.1webpack179
10.4.2Parcel179
10.5服务器端渲染工具180
10.5.1Next.js180
10.5.2Razzle180
10.5.3Gatsby181
10.6ReactRouter181
10.6.1说明181
10.6.2创建组件181
10.6.3修改文件index.js183
10.6.4运行项目reactjsbook183
习题10184
第三部分实战篇
第11章React与Redux的整合开发187
11.1React与Redux概述187
11.1.1Redux动机187
11.1.2Redux核心内容187
11.1.3React与Redux对比189
11.2计数器的开发189
11.2.1创建action189
11.2.2创建reducer190
11.2.3创建组件190
11.2.4修改文件index.js191
11.2.5运行项目reactjsbook192
11.3待办事项管理小工具的开发192
11.3.1创建action192
11.3.2创建reducer193
11.3.3创建组件194
11.3.4修改文件index.js198
11.3.5运行项目reactjsbook198
习题11200