# 新版 *React* 课程大纲（第二版）



## 入门篇

在讲 *React* 课程的时候，我会默认大家已经学过了 *Vue*，讲课的时候会将一些知识和 *Vue* 进行一个对比。



### 序章

- 课程整体介绍
- 入门篇介绍



### 第一章

- *React* 核心概念
  - *React* 基本介绍
  - *JSX* 基本介绍
  - 事件
  - *React* 中的组件
  - 组件状态传递
  - 表单
  - 生命周期
- *Hooks*
  - *Hooks* 介绍
  - *useState*
  - *useEffect*



### 第二章

- *React-Router-Dom v6*
  - *v6* 版本 *router* 的基本使用
  - 完成学生管理系统
- *React-redux*
  - *redux* 核心概念
  - *react-redux* 的基本使用
  - 完善学生管理系统



### 第三章

- *antd* 介绍
- *Coder Station* 项目介绍
- 完成 *Coder Station* 前台项目



### 第四章

- *dva* 的基本使用
- *antdpro* 介绍
- *Umi4* 基本介绍
- 完成 *Coder Station* 后台项目



## 就业篇



### 序章

- 就业篇整体介绍



### 第一章（进阶知识）

- 属性默认值和类型验证
- 高阶组件
- *Ref*
- *Context*
- *PureComnent*
- *RenderProps*
- *Portals*
- 错误边界



### 第二章（高级概念）

- 事件系统
- 深入 *props*
- 深入 *state*
- 渲染过程
- 渲染控制
- 渲染调优



### 第三章（架构篇）

- *React* 架构概述
- 调度与时间片
- 调和与 *fiber*
- *render* 全流程
- 更新流程
- *v18commit* 全流程
- *Hooks* 原理
- *Context* 原理



### 第四章（v18 新特性）

- *transition*
- *Suspense*
- 新的 *Hooks*
- 订阅外部数据源
- *concurrent* 下的 *state* 更新流程
- *Offscreen*



### 第五章（实践篇）

- 实现 *keepalive* 功能
- 处理海量数据
- ......



## 源码篇



### 序章

- 源码篇介绍



### 第一章

- *React* 源码



### 第二章

- *React-router* 源码



### 第三章

- *Redux* 源码
- *React-redux* 源码
- *dva* 源码