学习React源码，不仅能掌握业界最顶尖前端框架的运行原理，探索前端边界。也能让自己成为业务线React大拿。 大多数人学React源码时，容易陷入“从细节扣起，越学越乱”的困境。而“自顶向下”模式从应用层场景出发，先理解“源码为解决什么问题而设计”，再逐层深入底层实现，让你像搭积木一样，从宏观到微观，轻松掌握源码逻辑

*   第一章：理念篇/

  *   1.1 如何学习React源码

  *   1.2 设计理念

  *   1.3 架构的演进史

  *   1.4 React新架构—Fiber

  *   1.5 Fiber架构工作原理

  *   1.6 如何调试源码

  *   1.7 源码的目录结构

*   第七章：实现篇之 Concurrent Mode/

  *   7.1 scheduler的工作原理及实现

  *   7.2 lane模型的工作原理

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

  *   7.4 batchedUpdates的实现

  *   7.5 高优先级更新如何插队

  *   7.6 Suspense的实现

*   第三章：架构篇之commit阶段/

  *   3.1 流程概览

  *   3.2 before mutation阶段

  *   3.3 mutation阶段

  *   3.4 layout阶段

*   第二章：架构篇之render阶段/

  *   2.1 架构工作流程概览

  *   2.2 深入理解JSX

  *   2.3 “递”阶段mount时流程

  *   2.4 “归”阶段mount时流程

  *   2.5 “递”阶段update时流程

  *   2.6 “归”阶段update时流程

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

  *   5.1 状态更新流程概览

  *   5.2 优先级与Update

  *   5.3 Update的计算

  *   5.4 ReactDOM.render完整流程

  *   5.5 this.setState完整流程

*   第六章：实现篇之Hooks/

  *   6.1 极简useState实现

  *   6.2 useState与useReducer的实现

  *   6.3 useEffect与useLayoutEffect的实现

  *   6.4 useRef的实现

  *   6.5 useMemo及useCallback的实现

*   第四章：实现篇之Diff算法/

  *   4.1 Diff算法流程概览

  *   4.2 单一节点的Diff

  *   4.3 多节点Diff