React基础教程

以最新版本的React为基础,融合足量实际案例,介绍React开发的相关知识,帮助读者快速入门React开发。
分享 推荐 0 收藏 5 阅读 281
韩岗,王俪璇,李晋华 (作者)

关于本书的内容有任何问题,请联系 人邮社 王宣

(1)Web开发工程师团队精心打磨新品力作。
(2)语言表述通俗易懂,底层原理讲解透彻,实战案例分析生动。
(3)配套PPT、教案、教学大纲、实例包、源代码、课后习题答案等教辅资源。

内容摘要

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

目录

【章名目录】
第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 名词解释

读者评论

赶紧抢沙发哦!

我要评论

作者介绍

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

相关图书

人邮微信
本地服务
人邮微信
教师服务
微信二维码
读者服务
读者服务
返回顶部
返回顶部