React基础教程

图书标准信息

• 作者 韩岗 王俪璇 李晋华
• 出版社 人民邮电出版社
• 出版时间 2022-07
• 版次 1
• ISBN 9787115592637
• 定价 59.80元
• 装帧 其他
• 开本 其他
• 纸张 胶版纸
• 页数 212页
• 字数 332千字

【内容简介】

本书是一本专门介绍React前端框架基本原理及其相关工程实践的技术图书。全书共14章，主要包括React基本原理、React组件、React开发环境与工具、React高级技术、React应用实例、React相关资源等方面的内容。全书从React基本原理讲到组件开发，最后又讲到实际工程环境，并以高校选课系统为实例进行分析，既覆盖了React开发的理论，又给出了接近实际工程环境的实例。本书语言表述通俗易懂，在讲解技术应用的同时也力图介绍清楚底层原理和相关概念，此外还配有生动的实例分析，便于读者全面把握和深入理解React技术。
  本书编者长期从事信息技术和信息系统的研发工作，并拥有多年的教学经验。本书内容全面，编排合理，论述清晰，可作为高等院校React前端开发相关课程的配套教材，也可作为相关技术培训课程的配套教材，还可以作为从事Web前端设计与制作工作的开发者的工具书。

【作者简介】

韩岗：

博士，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 名词解释