书籍详情
React开发实践：掌握Redux与Hooks应用
作者：袁龙
出版社：清华大学出版社
出版时间：2025-01-01
ISBN：9787302677215
定价：¥89.80
购买这本书可以去
内容简介
本书是一本专为前端开发读者打造的详细指南，旨在帮助读者全面掌握 React.js 技术，并提升开发能力。本书从 React.js 基础概念入手，带领读者逐步深入学习 React 脚手架应用、 React 生命周期等核心内容，助力读者建立对React.js 技术栈的整体认知和项目搭建能力。本书丰富的实例和经验分享有助于读者掌握最佳实践，涵盖了 React 动画、 Redux、路由、 Hooks 等关键主题的深入解析，帮助读者在实际开发中更加熟练地应用这些技术。此外，书中还包含企业官网项目实战案例，通过学习实际经验来提升问题解决能力，为未来的开发工作做好准备。无论你是初学者还是希望进阶成为 React.js 高手，都能在本书中找到启示和指引，一起踏上 React.js之旅，探索编程的乐趣与挑战！
作者简介
袁龙，从事Web开发、教学培训等业务，创建“锦匠特效”和“锦匠课堂”两大Web前端工具类网站，为数万前端开发者提供高效率的工作方式，轻松实现网页动画特效，目前是51CTO、CSDN等在线教育平台讲师。著有《Vue.js核心技术解析与uni-app跨平台开发实战》《Node.js从基础到项目实践（视频教学版） 》等多部著作。
目录
第1章 JavaScript基础知识 1
1.1 JavaScript构造函数 1
1.1.1 原始构造函数 1
1.1.2 构造函数中的实例属性和静态属性 2
1.1.3 构造函数中的实例方法和静态方法 3
1.2 ES6 class关键字创建类 4
1.3 class类继承 6
1.3.1 属性继承 6
1.3.2 方法继承 7
1.3.3 创建类的私有属性和方法 8
1.4 深入解析JavaScript ES6展开运算符 9
1.5 ES6数组迭代方法 11
1.5.1 map()方法 11
1.5.2 forEach()方法 12
1.5.3 filter()方法 14
1.5.4 some()方法 15
1.5.5 every()方法 16
1.5.6 reduce()方法 17
1.6 ES6解构赋值 18
1.7 箭头函数中的this指向 20
第2章 React基础入门 23
2.1 React简介 23
2.1.1 React、Vue、Angular三大框架流行趋势 24
2.1.2 React的优势 24
2.2 Hello React开启你的React之旅 25
2.3 React组件化开发 27
2.4 渲染书籍列表案例 29
2.5 计数器案例 31
2.6 JSX语法详解 32
2.6.1 JSX基本使用 32
2.6.2 JSX中嵌入表达式 34
2.6.3 JSX绑定属性 35
2.6.4 动态设置class属性 37
2.7 绑定this的三种方法 39
2.8 事件参数传递 42
2.9 菜单排他 43
2.10 React条件渲染 44
2.11 React列表渲染 46
第3章 React脚手架应用 49
3.1 安装create-react-app脚手架 49
3.2 React脚手架项目目录结构及作用 50
3.3 React脚手架渲染Hello React 51
3.4 React函数式组件的定义及使用 53
第4章 React生命周期 55
4.1 认识生命周期 55
4.2 componentDidMount()生命周期函数的应用 56
4.3 componentDidUpdate()生命周期函数的应用 58
4.4 componentWillUnmount()生命周期函数的应用 59
第5章 组件通信 62
5.1 组件嵌套 62
5.2 父组件向子组件传递数据 64
5.3 prop-types数据类型校验 66
5.4 子组件向父组件传递数据 67
5.5 组件通信选项卡案例 70
5.6 children子元素模拟插槽 74
5.7 props模拟插槽 75
5.8 模拟作用域插槽 76
5.9 Context数据传递 79
5.10 事件总线 82
第6章 React组件化开发 85
6.1 setState()的作用以及用法 85
6.2 组件性能优化shouldComponentUpdate 87
6.3 组件性能优化PureComponent 89
6.4 函数组件性能优化 91
6.5 组件中state数据不可变性原则 92
6.6 使用ref获取DOM的三种方式 93
6.7 ref获取组件 95
6.8 受控组件与非受控组件 97
6.9 Checkbox受控表单组件应用 99
6.10 Select受控表单组件应用 102
6.11 React高阶组件 104
6.12 高阶组件的应用场景 106
6.13 高阶组件应用案例 107
6.14 Portals的应用 109
6.15 Fragment组件 110
第7章 React动画及CSS样式 112
7.1 react-transition-group动画库 112
7.2 CSSTransition生命周期函数 115
7.3 SwitchTransition动画 116
7.4 TransitionGroup动画 118
7.5 在React中如何引入CSS 120
7.5.1 内联式CSS 120
7.5.2 CSS文件引入 122
7.5.3 CSS Module 123
7.5.4 CSS in JS 124
7.5.5 styled-components的数据传递和动态样式设置 126
7.5.6 添加class属性 127
第8章 Redux 130
8.1 Redux简介 130
8.2 Redux订阅与取消订阅 132
8.3 调用函数生成action对象 133
8.4 react-redux库的应用 135
8.5 Redux异步请求数据 138
8.6 reduce-thunk中间件的应用 141
8.7 Redux模块拆分 145
8.8 Redux Toolkit的应用 146
第9章 React-Router 150
9.1 路由的基本应用 150
9.2 NavLink的应用 152
9.3 Navigate重定向导航组件 154
9.4 配置Not Found页面 156
9.5 嵌套路由 157
9.6 链式路由跳转 159
9.7 高阶组件实现在class组件中使用useNavigate() 161
9.8 动态路由参数传递 163
9.9 路由查询参数传递 165
9.10 抽离路由匹配规则模块 167
9.11 懒加载与路由分包 169
第10章 React Hooks 171
10.1 体验Hooks 171
10.2 useState详解 174
10.3 Redux Hook 175
10.4 shallowEqual性能优化 177
10.5 useEffect Hook 179
10.6 useContext Hook 181
10.7 useRef Hook 183
10.8 useMemo和useCallback Hook 184
10.9 自定义Hook 187
10.10 使用第三方Hook 191
第11章 项目实战 193
11.1 项目概述 193
11.2 创建React项目 195
11.3 配置路径别名及less样式 197
11.4 CSS样式重置 199
11.5 配置Router 200
11.6 封装Axios网络请求 203
11.7 Header区域样式开发 205
11.8 实现首页Banner区域和广告区域样式布局 208
11.9 实现首页商家推荐区域和产品中心区域样式布局 211
11.10 Footer区域样式开发 215
11.11 发送网络请求获取首页数据 217
11.12 父组件向子组件传值（一） 220
11.13 父组件向子组件传值（二） 222
11.14 产品列表页面布局 224
11.15 渲染产品列表数据 227
11.16 产品详情页面业务逻辑 231
11.17 使用Ant Design实现轮播图模块 234
第12章 React组件库Ant Design 237
12.1 Ant Design简介及安装 237
12.2 Ant Design按钮和图标 238
12.3 Ant Design表单和输入框 243
12.4 Ant Design导航菜单和布局 246
12.5 Ant Design数据展示和表格 248
12.6 Ant Design弹窗和通知 251
12.7 Ant Design图表和地图 253
12.8 Ant Design自定义主题和样式定制 256
1.1 JavaScript构造函数 1
1.1.1 原始构造函数 1
1.1.2 构造函数中的实例属性和静态属性 2
1.1.3 构造函数中的实例方法和静态方法 3
1.2 ES6 class关键字创建类 4
1.3 class类继承 6
1.3.1 属性继承 6
1.3.2 方法继承 7
1.3.3 创建类的私有属性和方法 8
1.4 深入解析JavaScript ES6展开运算符 9
1.5 ES6数组迭代方法 11
1.5.1 map()方法 11
1.5.2 forEach()方法 12
1.5.3 filter()方法 14
1.5.4 some()方法 15
1.5.5 every()方法 16
1.5.6 reduce()方法 17
1.6 ES6解构赋值 18
1.7 箭头函数中的this指向 20
第2章 React基础入门 23
2.1 React简介 23
2.1.1 React、Vue、Angular三大框架流行趋势 24
2.1.2 React的优势 24
2.2 Hello React开启你的React之旅 25
2.3 React组件化开发 27
2.4 渲染书籍列表案例 29
2.5 计数器案例 31
2.6 JSX语法详解 32
2.6.1 JSX基本使用 32
2.6.2 JSX中嵌入表达式 34
2.6.3 JSX绑定属性 35
2.6.4 动态设置class属性 37
2.7 绑定this的三种方法 39
2.8 事件参数传递 42
2.9 菜单排他 43
2.10 React条件渲染 44
2.11 React列表渲染 46
第3章 React脚手架应用 49
3.1 安装create-react-app脚手架 49
3.2 React脚手架项目目录结构及作用 50
3.3 React脚手架渲染Hello React 51
3.4 React函数式组件的定义及使用 53
第4章 React生命周期 55
4.1 认识生命周期 55
4.2 componentDidMount()生命周期函数的应用 56
4.3 componentDidUpdate()生命周期函数的应用 58
4.4 componentWillUnmount()生命周期函数的应用 59
第5章 组件通信 62
5.1 组件嵌套 62
5.2 父组件向子组件传递数据 64
5.3 prop-types数据类型校验 66
5.4 子组件向父组件传递数据 67
5.5 组件通信选项卡案例 70
5.6 children子元素模拟插槽 74
5.7 props模拟插槽 75
5.8 模拟作用域插槽 76
5.9 Context数据传递 79
5.10 事件总线 82
第6章 React组件化开发 85
6.1 setState()的作用以及用法 85
6.2 组件性能优化shouldComponentUpdate 87
6.3 组件性能优化PureComponent 89
6.4 函数组件性能优化 91
6.5 组件中state数据不可变性原则 92
6.6 使用ref获取DOM的三种方式 93
6.7 ref获取组件 95
6.8 受控组件与非受控组件 97
6.9 Checkbox受控表单组件应用 99
6.10 Select受控表单组件应用 102
6.11 React高阶组件 104
6.12 高阶组件的应用场景 106
6.13 高阶组件应用案例 107
6.14 Portals的应用 109
6.15 Fragment组件 110
第7章 React动画及CSS样式 112
7.1 react-transition-group动画库 112
7.2 CSSTransition生命周期函数 115
7.3 SwitchTransition动画 116
7.4 TransitionGroup动画 118
7.5 在React中如何引入CSS 120
7.5.1 内联式CSS 120
7.5.2 CSS文件引入 122
7.5.3 CSS Module 123
7.5.4 CSS in JS 124
7.5.5 styled-components的数据传递和动态样式设置 126
7.5.6 添加class属性 127
第8章 Redux 130
8.1 Redux简介 130
8.2 Redux订阅与取消订阅 132
8.3 调用函数生成action对象 133
8.4 react-redux库的应用 135
8.5 Redux异步请求数据 138
8.6 reduce-thunk中间件的应用 141
8.7 Redux模块拆分 145
8.8 Redux Toolkit的应用 146
第9章 React-Router 150
9.1 路由的基本应用 150
9.2 NavLink的应用 152
9.3 Navigate重定向导航组件 154
9.4 配置Not Found页面 156
9.5 嵌套路由 157
9.6 链式路由跳转 159
9.7 高阶组件实现在class组件中使用useNavigate() 161
9.8 动态路由参数传递 163
9.9 路由查询参数传递 165
9.10 抽离路由匹配规则模块 167
9.11 懒加载与路由分包 169
第10章 React Hooks 171
10.1 体验Hooks 171
10.2 useState详解 174
10.3 Redux Hook 175
10.4 shallowEqual性能优化 177
10.5 useEffect Hook 179
10.6 useContext Hook 181
10.7 useRef Hook 183
10.8 useMemo和useCallback Hook 184
10.9 自定义Hook 187
10.10 使用第三方Hook 191
第11章 项目实战 193
11.1 项目概述 193
11.2 创建React项目 195
11.3 配置路径别名及less样式 197
11.4 CSS样式重置 199
11.5 配置Router 200
11.6 封装Axios网络请求 203
11.7 Header区域样式开发 205
11.8 实现首页Banner区域和广告区域样式布局 208
11.9 实现首页商家推荐区域和产品中心区域样式布局 211
11.10 Footer区域样式开发 215
11.11 发送网络请求获取首页数据 217
11.12 父组件向子组件传值（一） 220
11.13 父组件向子组件传值（二） 222
11.14 产品列表页面布局 224
11.15 渲染产品列表数据 227
11.16 产品详情页面业务逻辑 231
11.17 使用Ant Design实现轮播图模块 234
第12章 React组件库Ant Design 237
12.1 Ant Design简介及安装 237
12.2 Ant Design按钮和图标 238
12.3 Ant Design表单和输入框 243
12.4 Ant Design导航菜单和布局 246
12.5 Ant Design数据展示和表格 248
12.6 Ant Design弹窗和通知 251
12.7 Ant Design图表和地图 253
12.8 Ant Design自定义主题和样式定制 256
猜您喜欢
