自顶向下学 React 源码

我的课程

第一章：理念篇

1.1 如何学习React源码

1.2 设计理念

1.3 架构的演进史

1.4 React新架构—Fiber

1.5 Fiber架构工作原理

1.6 如何调试源码

1.7 源码的目录结构

第二章：架构篇之render阶段

2.1 架构工作流程概览

2.2 深入理解JSX

2.3 “递”阶段mount时流程

2.4 “归”阶段mount时流程

2.5 “递”阶段update时流程

2.6 “归”阶段update时流程

第三章：架构篇之commit阶段

3.1 流程概览

3.2 before mutation阶段

3.3 mutation阶段

3.4 layout阶段

第四章：实现篇之Diff算法

4.1 Diff算法流程概览

4.2 单一节点的Diff

4.3 多节点Diff

第五章：实现篇之状态更新

5.1 状态更新流程概览

5.2 优先级与Update

5.4 ReactDOM.render完整流程

5.5 this.setState完整流程

5.3 Update的计算

第六章：实现篇之Hooks

6.1 极简useState实现

6.2 useState与useReducer的实现

6.3 useEffect与useLayoutEffect的实现

6.4 useRef的实现

6.5 useMemo及useCallback的实现

第七章：实现篇之 Concurrent Mode

7.1 scheduler的工作原理及实现

7.2 lane模型的工作原理

7.3 React完整工作流程

7.4 batchedUpdates的实现

7.5 高优先级更新如何插队

7.6 Suspense的实现

7.1 scheduler的工作原理及实现

7.2 lane模型的工作原理

7.3 异步可中断更新与饥饿问题

7.4 batchedUpdates的实现

7.5 高优先级更新如何插队

7.6 Suspense的实现

7.6 Suspense的实现

7.6 Suspense的实现

3.1 流程概览

当前课程未解锁