React开发实践:掌握Redux与Hooks应用电子书

作者简介

内容简介

前言

第1章 JavaScript基础知识

1.1 JavaScript构造函数

1.2 ES6 class关键字创建类

1.3 class类继承

1.4 深入解析JavaScript ES6展开运算符

1.5 ES6数组迭代方法

1.6 ES6解构赋值

1.7 箭头函数中的this指向

第2章 React基础入门

2.1 React简介

2.2 Hello React开启你的React之旅

2.3 React组件化开发

2.4 渲染书籍列表案例

2.5 计数器案例

2.6 JSX语法详解

2.7 绑定this的三种方法

2.8 事件参数传递

2.9 菜单排他

2.10 React条件渲染

2.11 React列表渲染

第3章 React脚手架应用

3.1 安装create-react-app脚手架

3.2 React脚手架项目目录结构及作用

3.3 React脚手架渲染Hello React

3.4 React函数式组件的定义及使用

第4章 React生命周期

4.1 认识生命周期

4.2 componentDidMount()生命周期函数的应用

4.3 componentDidUpdate()生命周期函数的应用

4.4 componentWillUnmount()生命周期函数的应用

第5章 组件通信

5.1 组件嵌套

5.2 父组件向子组件传递数据

5.3 prop-types数据类型校验

5.4 子组件向父组件传递数据

5.5 组件通信选项卡案例

5.6 children子元素模拟插槽

5.7 props模拟插槽

5.8 模拟作用域插槽

5.9 Context数据传递

5.10 事件总线

第6章 React组件化开发

6.1 setState()的作用以及用法

6.2 组件性能优化shouldComponentUpdate

6.3 组件性能优化PureComponent

6.4 函数组件性能优化

6.5 组件中state数据不可变性原则

6.6 使用ref获取DOM的三种方式

6.7 ref获取组件

6.8 受控组件与非受控组件

6.9 Checkbox受控表单组件应用

6.10 Select受控表单组件应用

6.11 React高阶组件

6.12 高阶组件的应用场景

6.13 高阶组件应用案例

6.14 Portals的应用

6.15 Fragment组件

第7章 React动画及CSS样式

7.1 react-transition-group动画库

7.2 CSSTransition生命周期函数

7.3 SwitchTransition动画

7.4 TransitionGroup动画

7.5 在React中如何引入CSS

第8章 Redux

8.1 Redux简介

8.2 Redux订阅与取消订阅

8.3 调用函数生成action对象

8.4 react-redux库的应用

8.5 Redux异步请求数据

8.6 reduce-thunk中间件的应用

8.7 Redux模块拆分

8.8 Redux Toolkit的应用

第9章 React-Router

9.1 路由的基本应用

9.2 NavLink的应用

9.3 Navigate重定向导航组件

9.4 配置Not Found页面

9.5 嵌套路由

9.6 链式路由跳转

9.7 高阶组件实现在class组件中使用useNavigate()

9.8 动态路由参数传递

9.9 路由查询参数传递

9.10 抽离路由匹配规则模块

9.11 懒加载与路由分包

第10章 React Hooks

10.1 体验Hooks

10.2 useState详解

10.3 Redux Hook

10.4 shallowEqual性能优化

10.5 useEffect Hook

10.6 useContext Hook

10.7 useRef Hook

10.8 useMemo和useCallback Hook

10.9 自定义Hook

10.10 使用第三方Hook

第11章 项目实战

11.1 项目概述

11.2 创建React项目

11.3 配置路径别名及less样式

11.4 CSS样式重置

11.5 配置Router

11.6 封装Axios网络请求

11.7 Header区域样式开发

11.8 实现首页Banner区域和广告区域样式布局

11.9 实现首页商家推荐区域和产品中心区域样式布局

11.10 Footer区域样式开发

11.11 发送网络请求获取首页数据

11.12 父组件向子组件传值（一）

11.13 父组件向子组件传值（二）

11.14 产品列表页面布局

11.15 渲染产品列表数据

11.16 产品详情页面业务逻辑

11.17 使用Ant Design实现轮播图模块

第12章 React组件库Ant Design

12.1 Ant Design简介及安装

12.2 Ant Design按钮和图标

12.3 Ant Design表单和输入框

12.4 Ant Design导航菜单和布局

12.5 Ant Design数据展示和表格

12.6 Ant Design弹窗和通知

12.7 Ant Design图表和地图

12.8 Ant Design自定义主题和样式定制