React工程师修炼指南

来自 孔夫子网 的图片

《React工程师修炼指南》，开课吧，高少云，莫涛，韩明洋 著，出版社：机械工业出版社。

机械工业出版社成立于1950年，是建国后国家设立的第一家科技出版社，前身为科学技术出版社，1952年更名为机械工业出版社。机械工业出版社（以下简称机工社）由机械工业信息研究院作为主办单位，目前隶属于国务院国资委。

目录

编辑推荐

适读人群 ：计算机程序开发人员、数据分析师以及计算机相关专业高校学生

React一经推出便迅速流行，其基于虚拟dom、JSX的技术重新定义了UI开发方式，也革新了我们对前端框架的认知，凭借其的特性，伴随着构建、测试、部署等前端工程化的日趋完善，React全家桶成为了项目技术选型热门框架之一。

本书从ES6语言基础开始，通过各种实战案例，讲解了React技术栈在项目中的各种使用技巧。本书还从源码层面进行深入解析，同时结合webpack对项目优化，帮助读者更深入理解和掌握React，运用起来更加得心应手。

目录

前言

章ES6基础

1.1let及const

1.1.1let命令

1.1.2const命令

1.1.3临时死区

1.1.4循环中的let及const

1.2解构赋值

1.2.1数组的解构

1.2.2对象的解构

1.2.3解构的默认值及参数的解构

1.3字符串扩展

1.3.1Unicode支持

1.3.2新增字符串方法

1.3.3模板字符串

1.4Symbol

1.5函数

1.5.1函数形参的默认值

1.5.2函数形参不定参数

1.5.3箭头函数

1.6类class

1.6.1类的基本语法

1.6.2静态成员

1.6.3类的继承

1.7异步编程

1.7.1ES5中的异步

1.7.2Promise基本语法

1.7.3Promise处理异步问题

1.7.4Promise里的其他方法

1.8模块化

1.8.1导入导出基本使用

1.8.2导入导出变式写法

1.8.3按需导入

1.9Set和Map集合

1.9.1Set集合

1.9.2Map集合

1.10小结

第2章React详解

2.1为什么使用 React

2.1.1专注于视图层

2.1.2组件化开发和声明式编程

2.1.3Virtual DOM

2.2ReactDOM

2.2.1React 引入方式

2.2.2ReactDOM

2.3React 视图渲染

2.3.1ReactElement

2.3.2JSX

2.4create-react-app

2.4.1安装 create-react-app

2.4.2项目构建和启动

2.4.3项目入口文件

2.4.4React.StrictMode

2.5定义 React 组件

2.6组件间通信

2.6.1props 使用

2.6.2state 使用

2.6.3组件间的通信

2.6.4跨组件通信

2.7组件的生命周期

2.7.1挂载阶段的生命周期函数

2.7.2更新阶段的生命周期函数

2.7.3卸载阶段的生命周期函数

2.8ref

2.8.tring ref

2.8.2createRef

2.9key

2.10添加事件

2.11表单

2.12其他特性

2.12.1childre

2.12.2dangerouslySetInnerHTML

2.12.3函数式组件

2.13React Hooks

2.13.1常用Hooks

2.13.2Hooks 使用规则

2.13.3自定义 Hook

2.14小结

第3章基于 Redux 状态管理

3.1Redux 使用

3.1.1action、createStore 和 reducer 函数

3.1.2store

3.2React-Redux

3.2.1安装与配置

3.2.2connect

3.2.3Hooks

3.3基于Redux 的Todos实现

3.3.1建立视图

3.3.2建立数据模型以完善reducer

3.3.3数据关联视图完善功能

3.4reducer 拆分与合并

3.5rudux-thunk 中间件

3.6小结

第4章React-Router

4.1什么是 React-Router

4.2React-Router 安装与配置

4.3Route 组件

4.3.1Path匹配

4.3.2路由渲染

4.4路由信息

4.5withRouter和Router Hooks

4.5.1withRouter

4.5.2Router Hooks

4.6链接组件

4.6.1Link 组件

4.6.2NavLink 组件

4.7404视图

4.8重定向

4.9Router 实战

4.10小结

第5章商城项目实战

5.1模板搭建

5.1.1BasicLayout

5.1.2SecurityLayout

5.2导航组件

5.3登录跳转

5.3.1登录页面与逻辑实现

5.3.2用户中心信息展示

5.4免登录页面

5.4.1首页页面

5.4.2商品列表

5.4.3商品详情

5.5路由守卫页

5.5.1购物车

5.5.2确认订单

5.5.3支付

5.5.4订单列表

5.6小结

第6章React原理解析

6.1React源码中的常用变量和数据结构

6.1.1WorkTag

6.1.2SideEffectTag

6.1.3ExecutionContext

6.1.4PriorityLevel

6.1.5RootTag

6.1.6RootEtStatus

6.1.7currentEventTime

6.2初次渲染与更新

6.2.1ReactDOM.render

6.2.2setState

6.2.3forceUpdate

6.2.4render、setState、forceUpdate对比

6.2.5enqueueUpdate

6.2.6scheduleUpdateOnFiber

6.2.7时间计算

6.3任务调度

6.3.1performSyncWorkOnRoot

6.3.2renderRootSync

6.3.3workLoopSync

6.3.4performUnitOfWork

6.3.5beginWork

6.3.6更新阶段

6.3.7协调

6.3.8mit

6.4Hook原理

6.4.1Hook基本数据结构

6.4.2全局变量

6.4.3标识路径

6.4.4更新函数

6.5Hook API解析

6.5.1useReducer

6.5.2useState

6.5.3useContext

6.5.4useRef

6.5.5useEffect

6.5.6useLayoutEffect

6.5.7useMemo

6.5.8useCallback

6.6重点解析

6.6.1Context

6.6.2Refs

6.6.3事件系统

6.6.4setState异步Or同步

6.6.5diff

6.7小结

第7章工程化配置

7.1webpack入门

7.1.1什么是webpack

7.1.2webpack安装

7.1.3使用webpack

7.1.4webpack基础

7.1.5webpack核心配置

7.2实战React开发环境

7.2.1搭建前端开发基础环境

7.2.2样式配置

7.2.3静态资源管理

7.2.4本地开发环境配置

7.2.5使用Babel支持ES6+

7.2.6集成React框架

7.3扩展优化

7.4小结