课程简介

React源码深度剖析： 我们将带您深入React源码，解释其核心概念和实现细节

前端框架实战： 不仅限于理论，我们将指导您如何在实际项目中应用React以及其他前端框架

全方位解析： 课程将覆盖React的所有关键方面，包括虚拟DOM、状态管理、组件生命周期等

React源码解剖： 从React的起点开始，逐步剖析其核心源码，理解其设计思想

虚拟DOM与性能优化： 学习虚拟DOM的工作原理，以及如何通过它提高React应用性能

状态管理与组件通信： 深入探讨React中的状态管理和组件之间的通信机制

组件生命周期： 理解React组件的生命周期，以便更好地管理和优化您的应用

React生态系统： 探索与React相关的生态系统工具和库，如Redux、React Router等

实际项目应用： 应用所学知识，构建实际项目，包括单页应用（SPA）和前端应用的实际开发

课程目录

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