├── 第1章 课程介绍
│ └── 1-1 React18源码实战课程导学
├── 第2章 学前技术储备：React核心知识点讲解
│ ├── 2-1 为什么要学习React源码
│ ├── 2-2 React的迭代历史：那些标志性的变革，如类组件、Fiber、Hooks、Concurrent等
│ ├── …
│ ├── 2-9 Hooks
│ ├── 2-10 Context
│ ├── …
│ └── 2-14 React 组件的常见性能优化-3
├── 第3章 学习前：底层源码的高效学习方法分享
│ ├── 3-1 -1 如何高效学习React源码
│ ├── …
│ └── 3-5 如何成为React Contributor
├── 第4章 代码实践：打造轮子，自己的mini react框架
│ ├── 4-1 造轮子的优势以及步骤
│ └── 4-2 搭建自己的mini react项目
├── 第5章 React18全新底层核心运行机制：任务调度机制的代码实践
│ ├── 5-1 实现任务调度算法-1
│ ├── 5-2 实现任务调度算法-什么是最小堆-2
│ ├── …
│ ├── 5-6 如何实现时间切片
│ ├── …
│ └── 5-10 总结：源码实践React底层任务调度机制
├── 第6章 React18全新底层核心运行机制：任务调度机制源码阅读，思维拔高
│ ├── 6-1 剖析React中的任务调度器场景：合作式调度器 & 抢占式调度器
│ └── 6-2 剖析React任务调度源码
├── 第7章 React渲染机制：原始渲染VDOM与性能改革Fiber的源码剖析
│ ├── 7-1 VDOM的四大问题：what、why、where、how
│ ├── 7-2 -1 Fiber详解
│ ├── …
│ └── 7-4 掌握不同类型组件的Fiber：查看并调试
├── 第8章 React渲染机制：React中初次渲染流程深度剖析
│ ├── 8-1 在浏览器DOM 节点中创建根节点：createRoot -1
│ ├── …
│ ├── 8-7 -1 update的数据结构与算法
│ ├── …
│ ├── 8-12 render阶段
│ ├── 8-13 render阶段-beginWork
│ ├── …
│ └── 8-15 commit阶段
├── 第9章 React渲染机制：页面初次渲染原生标签代码实践
│ ├── 9-1 创建Fiber与FiberRoot
│ ├── 9-2 如何实现页面渲染的入口函数createRoot
│ ├── …
│ ├── 9-4 render阶段
│ ├── …
│ └── 9-8 commit阶段
├── 第10章 React渲染机制：手写不同组件的渲染过程，掌握其机制原理
│ ├── 10-1 如何实现多个原生标签子节点渲染的源码
│ ├── …
│ └── 10-5 实现函数组件渲染的源码
├── 第11章 React开发的利器：Hooks底层分析
│ ├── 11-1 Hook简介
│ ├── 11-2 Hook规则背后的原因
│ ├── 11-3 函数组件的Hook源码解读
│ ├── …
│ └── 11-6 useState源码解读
├── 第12章 React开发的利器：手写实现Hooks，掌握Hooks底层数据结构
│ ├── 12-1 模拟事件，初步实现useReducer
│ ├── 12-2 实现useReducer，掌握Hooks的底层结构实现与函数组件的状态-1
│ ├── …
│ ├── 12-7 完善实现React VDOM DIFF算法
│ ├── …
│ └── 12-10 子节点为null、undefined、布尔值
├── 第13章 React开发的利器：React VDOM DIFF算法源码剖析
│ ├── 13-1 分析不同子节点类型，React VDOM DIFF的处理
│ ├── …
│ └── 13-5 拓展-与Vue3 VDOM DIFF对比
├── 第14章 React开发的利器：Hooks进阶，代码实践手动实现API
│ ├── 14-1 如何实现useMemo
│ ├── 14-2 如何实现useCallback
│ ├── …
│ ├── 14-4 如何实现useRef
│ ├── …
│ └── 14-7 如何实现useEffect的effect执行
├── 第15章 React中的数据模式：代码实现，掌握Context实现原理
│ ├── 15-1 知识分析：Context简介
│ ├── 15-2 实现Context，掌握Context的底层结构与源码实现
│ ├── …
│ └── 15-6 实现contextType，掌握类组件对于Context消费方式的原理
├── 第16章 React中的数据模式：Context源码剖析，思维提高
│ ├── 16-1 分析Context的底层结构与源码实现
│ ├── …
│ └── 16-4 后代组件消费的三种方式
├── 第17章 跨浏览器兼容的事件系统：合成事件源码剖析
│ ├── 17-1 React中的合成事件背景与其必要性
│ ├── …
│ └── 17-7 不适合事件委托的事件处理
├── 第18章 跨浏览器兼容的事件系统：合成事件实践，掌握框架级别的事件
│ ├── 18-1 实现事件注册
│ ├── …
│ └── 18-6 实现受控组件事件
├── 第19章 性能提高：React Lanes模型源码剖析
│ ├── 19-1 React Lanes模型背景
│ ├── 19-2 React Lanes模型的应用
│ ├── …
│ ├── 19-4 React18新增的transition
│ └── 19-5 useDeferredValue原理
├── 第20章 性能提高：React Lanes模型手动实践
│ ├── 20-1 -1 实现memo
│ ├── …
│ └── 20-4 实现lanes模型
└── 第21章 课程总结
├── 21-1 课程总结
└── 21-2 拓展：哪些React未正式发布的功能
