REACT开发实践:掌握REDUX与HOOKS应用

第1章 JavaScript基础知识 11.1 JavaScript构造函数 11.1.1 原始构造函数 11.1.2 构造函数中的实例属性和静态属性 21.1.3 构造函数中的实例方法和静态方法 31.2 ES6 class关键字创建类 41.3 class类继承 61.3.1 属性继承 61.3.2 方法继承 71.3.3 创建类的私有属性和方法 81.4 深入解析JavaScript ES6展开运算符 91.5 ES6数组迭代方法 111.5.1 map()方法 111.5.2 forEach()方法 12第1章 JavaScript基础知识 11.1 JavaScript构造函数 11.1.1 原始构造函数 11.1.2 构造函数中的实例属性和静态属性 21.1.3 构造函数中的实例方法和静态方法 31.2 ES6 class关键字创建类 41.3 class类继承 61.3.1 属性继承 61.3.2 方法继承 71.3.3 创建类的私有属性和方法 81.4 深入解析JavaScript ES6展开运算符 91.5 ES6数组迭代方法 111.5.1 map()方法 111.5.2 forEach()方法 121.5.3 filter()方法 141.5.4 some()方法 151.5.5 every()方法 161.5.6 reduce()方法 171.6 ES6解构赋值 181.7 箭头函数中的this指向 20第2章 React基础入门 232.1 React简介 232.1.1 React、Vue、Angular三大框架流行趋势 242.1.2 React的优势 242.2 Hello React开启你的React之旅 252.3 React组件化开发 272.4 渲染书籍列表案例 292.5 计数器案例 312.6 JSX语法详解 322.6.1 JSX基本使用 322.6.2 JSX中嵌入表达式 342.6.3 JSX绑定属性 352.6.4 动态设置class属性 372.7 绑定this的三种方法 392.8 事件参数传递 422.9 菜单排他 432.10 React条件渲染 442.11 React列表渲染 46第3章 React脚手架应用 493.1 安装create-react-app脚手架 493.2 React脚手架项目目录结构及作用 503.3 React脚手架渲染Hello React 513.4 React函数式组件的定义及使用 53第4章 React生命周期 554.1 认识生命周期 554.2 componentDidMount()生命周期函数的应用 564.3 componentDidUpdate()生命周期函数的应用 584.4 componentWillUnmount()生命周期函数的应用 59第5章 组件通信 625.1 组件嵌套 625.2 父组件向子组件传递数据 645.3 prop-types数据类型校验 665.4 子组件向父组件传递数据 675.5 组件通信选项卡案例 705.6 children子元素模拟插槽 745.7 props模拟插槽 755.8 模拟作用域插槽 765.9 Context数据传递 795.10 事件总线 82第6章 React组件化开发 856.1 setState()的作用以及用法 856.2 组件性能优化shouldComponentUpdate 876.3 组件性能优化PureComponent 896.4 函数组件性能优化 916.5 组件中state数据不可变性原则 926.6 使用ref获取DOM的三种方式 936.7 ref获取组件 956.8 受控组件与非受控组件 976.9 Checkbox受控表单组件应用 996.10 Select受控表单组件应用 1026.11 React高阶组件 1046.12 高阶组件的应用场景 1066.13 高阶组件应用案例 1076.14 Portals的应用 1096.15 Fragment组件 110第7章 React动画及CSS样式 1127.1 react-transition-group动画库 1127.2 CSSTransition生命周期函数 1157.3 SwitchTransition动画 1167.4 TransitionGroup动画 1187.5 在React中如何引入CSS 1207.5.1 内联式CSS 1207.5.2 CSS文件引入 1227.5.3 CSS Module 1237.5.4 CSS in JS 1247.5.5 styled-components的数据传递和动态样式设置 1267.5.6 添加class属性 127第8章 Redux 1308.1 Redux简介 1308.2 Redux订阅与取消订阅 1328.3 调用函数生成action对象 1338.4 react-redux库的应用 1358.5 Redux异步请求数据 1388.6 reduce-thunk中间件的应用 1418.7 Redux模块拆分 1458.8 Redux Toolkit的应用 146第9章 React-Router 1509.1 路由的基本应用 1509.2 NavLink的应用 1529.3 Navigate重定向导航组件 1549.4 配置Not Found页面 1569.5 嵌套路由 1579.6 链式路由跳转 1599.7 高阶组件实现在class组件中使用useNavigate() 1619.8 动态路由参数传递 1639.9 路由查询参数传递 1659.10 抽离路由匹配规则模块 1679.11 懒加载与路由分包 169第10章 React Hooks 17110.1 体验Hooks 17110.2 useState详解 17410.3 Redux Hook 17510.4 shallowEqual性能优化 17710.5 useEffect Hook 17910.6 useContext Hook 18110.7 useRef Hook 18310.8 useMemo和useCallback Hook 18410.9 自定义Hook 18710.10 使用第三方Hook 191第11章 项目实战 19311.1 项目概述 19311.2 创建React项目 19511.3 配置路径别名及less样式 19711.4 CSS样式重置 19911.5 配置Router 20011.6 封装Axios网络请求 20311.7 Header区域样式开发 20511.8 实现首页Banner区域和广告区域样式布局 20811.9 实现首页商家推荐区域和产品中心区域样式布局 21111.10 Footer区域样式开发 21511.11 发送网络请求获取首页数据 21711.12 父组件向子组件传值（一） 22011.13 父组件向子组件传值（二） 22211.14 产品列表页面布局 22411.15 渲染产品列表数据 22711.16 产品详情页面业务逻辑 23111.17 使用Ant Design实现轮播图模块 234第12章 React组件库Ant Design 23712.1 Ant Design简介及安装 23712.2 Ant Design按钮和图标 23812.3 Ant Design表单和输入框 24312.4 Ant Design导航菜单和布局 24612.5 Ant Design数据展示和表格 24812.6 Ant Design弹窗和通知 25112.7 Ant Design图表和地图 25312.8 Ant Design自定义主题和样式定制 256