课程简介
本课程系统讲解React源码核心实现，涵盖理念篇、架构篇和实现篇三大模块。课程深入解析Fiber架构、render阶段与commit阶段工作原理，详细讲解Diff算法、状态更新机制、Hooks实现及Concurrent Mode等关键技术。通过逐行代码分析，帮助学员深入理解React设计思想与实现细节，掌握前端框架底层原理。课程包含完整的视频讲解与配套代码，适合有一定React基础、希望深入理解框架原理的前端开发者学习。学完本课程，您将能够独立分析React源码，提升框架设计与优化能力。
下载地址课程目录
01 理念篇
第1-5节：架构演进史、设计理念、Fiber架构工作原理等内容。
02 架构篇之render阶段
第6-11节：架构工作流程、JSX深入理解、递归阶段流程解析。
03 架构篇之commit阶段
第12-15节：commit流程概览、before mutation、mutation与layout阶段。
04 实现篇之Diff算法
第16-18节：Diff算法流程概览、单节点与多节点Diff实现。
05 实现篇之状态更新
第19-23节：状态更新流程、优先级与Update、完整流程解析。
06 实现篇之Hooks
第24-28节：useState、useReducer、useEffect、useRef等Hooks实现。
07 实现篇之Concurrent Mode
第29-34节：scheduler、lane模型、异步更新、Suspense等实现。
--- 点击展开详细目录 ---第一章 理念篇
- 🎬 1.2 设计理念-.mp4
- 🎬 1.3 架构的演进史-.mp4
- 🎬 1.4 React新架构—Fiber-.mp4
- 🎬 1.5 Fiber架构工作原理-.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
| 
发表于 6 天前
|
查看: 18|
回复: 0
