自顶向下学React源码 2021年

2025-12-31 585 次浏览 ¥36 编号：#58918

📖 内容简介

《自顶向下学React源码 2021年》是前端开发者深入学习React源码的实用指南，聚焦**React源码**分析与架构演进逻辑。书中“理念篇”系统讲解**React源码学习方法**、**React设计理念**，详细梳理**React架构演进史**，并重点剖析新架构**Fiber**的设计原理与工作机制，同时分享React调试技巧。通过“自顶向下”的视角，本书帮助React学习者、前端开发者掌握React核心设计思想，理解Fiber架构对性能优化的支撑逻辑，清晰认知React从传统架构到Fiber架构的演进脉络，提升**React源码分析**与工程实践能力，是学习React底层原理、前端架构的优质资料。

* 内容摘要，帮助您快速了解要点

├─第一章理念篇
│ 1.1 如何学习React源码.mp4
│ 1.2 设计理念.mp4
│ 1.3 架构的演进史.mp4
│ 1.4 React新架构—Fiber.mp4
│ 1.5 Fiber架构工作原理.mp4
│ 1.6 如何调试源码.mp4
│ 1.7 源码的目录结构.mp4
│
├─第二章架构篇之render阶段
│ 2.1 架构工作流程概览.mp4
│ 2.2 深入理解JSX.mp4
│ 2.3 “递”阶段mount时流程.mp4
│ 2.4 “归”阶段mount时流程.mp4
│ 2.5 “递”阶段update时流程.mp4
│ 2.6 “归”阶段update时流程.mp4
│
├─第三章架构篇之commit阶段
│ 3.1 流程概览.mp4
│ 3.2 before mutation阶段.mp4
│ 3.3 mutation阶段.mp4
│ 3.4 layout阶段.mp4
│
├─第四章实现篇之Diff算法
│ 4.1 Diff算法流程概览.mp4
│ 4.2 单一节点的Diff.mp4
│ 4.3 多节点Diff.mp4
│
├─第五章实现篇之状态更新
│ 5.1 状态更新流程概览.mp4
│ 5.2 优先级与Update.mp4
│ 5.3 Update的计算.mp4
│ 5.4 ReactDOM.render完整流程.mp4
│ 5.5 this.setState完整流程.mp4
│
├─第六章实现篇之Hooks
│ 6.1 极简useState实现.mp4
│ 6.2 useState与useReducer的实现.mp4
│ 6.3 useEffect与useLayoutEffect的实现.mp4
│ 6.4 useRef的实现.mp4
│ 6.5 useMemo及useCallback的实现.mp4
│
└─第七章实现篇之Concurrent Mode
7.1 scheduler的工作原理及实现.mp4
7.2 lane模型的工作原理.mp4
7.3 异步可中断更新与饥饿问题.mp4
7.4 batchedUpdates的实现.mp4
7.5 高优先级更新如何插队.mp4
7.6 Suspense的实现.mp4