-
内容大纲
本书是一本专为前端开发读者打造的详细指南,旨在帮助读者全面掌握React.js技术,并提升开发能力。本书从React.js基础概念入手,带领读者逐步深入学习React脚手架应用、React生命周期等核心内容,助力读者建立对React.js技术栈的整体认知和项目搭建能力。本书丰富的实例和经验分享有助于读者掌握最佳实践,涵盖了React动画、Redux、路由、Hooks等关键主题的深入解析,帮助读者在实际开发中更加熟练地应用这些技术。此外,书中还包含企业官网项目实战案例,通过学习实际经验来提升问题解决能力,为未来的开发工作做好准备。
无论你是初学者还是希望进阶成为React.js高手,都能在本书中找到启示和指引,一起踏上React.js之旅,探索编程的乐趣与挑战! -
作者介绍
袁龙,主要从事Web开发、教学培训等业务,创建“锦匠特效”和“锦匠课堂”两大Web前端工具类网站,为数万前端开发者提供高效率的工作方式,轻松实现网页动画特效,目前是51CTO、CSDN等在线教育平台讲师。 -
目录
第1章 JavaScript基础知识
1.1 JavaScript构造函数
1.1.1 原始构造函数
1.1.2 构造函数中的实例属性和静态属性
1.1.3 构造函数中的实例方法和静态方法
1.2 ES6 class关键字创建类
1.3 class类继承
1.3.1 属性继承
1.3.2 方法继承
1.3.3 创建类的私有属性和方法
1.4 深入解析JavaScript ES6展开运算符
1.5 ES6数组迭代方法
1.5.1 map()方法
1.5.2 forEach()方法
1.5.3 filter()方法
1.5.4 some()方法
1.5.5 every()方法
1.5.6 reduce()方法
1.6 ES6解构赋值
1.7 箭头函数中的this指向
第2章 React基础入门
2.1 React简介
2.1.1 React、Vue、Angular三大框架流行趋势
2.1.2 React的优势
2.2 Hello React开启你的React之旅
2.3 React组件化开发
2.4 渲染书籍列表案例
2.5 计数器案例
2.6 JSX语法详解
2.6.1 JSX基本使用
2.6.2 JSX中嵌入表达式
2.6.3 JSX绑定属性
2.6.4 动态设置class属性
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
7.5.1 内联式CSS
7.5.2 CSS文件引入
7.5.3 CSS Module
7.5.4 CSS in JS
7.5.5 styled-components的数据传递和动态样式设置
7.5.6 添加class属性
第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自定义主题和样式定制
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔,龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...