思否编程- 卡颂-自顶向下学 React 源码
深度解析React源码,掌握核心原理
编辑点评
从源码层面深入理解React架构和实现,适合进阶开发者。
⭐ 编辑推荐
本课程由卡颂主讲,带你自顶向下学习React源码,涵盖理念、架构、实现等多个方面。
课程亮点
• React源码深度解析
• 自顶向下学习
• 掌握核心原理
课程目录
📁 第一章理念篇
t.png [493.5 KB]
1.7源码的目录结构【公众号:密知圈】.mp4 [61.2 MB]
1.5Fiber架构工作原理【公众号:密知圈】.mp4 [66.6 MB]
1.1如何学习React源码【公众号:密知圈】.mp4 [23.2 MB]
1.3架构的演进史【公众号:密知圈】.mp4 [35.0 MB]
1.6如何调试源码【公众号:密知圈】.mp4 [70.7 MB]
1.4React新架构—Fiber【公众号:密知圈】.mp4 [42.0 MB]
1.2设计理念【公众号:密知圈】.mp4 [53.7 MB]
📁 第四章实现篇之Diff算法
第四章实现篇之Diff算法说明.png [493.5 KB]
4.3多节点Diff【公众号:密知圈】.mp4 [148.7 MB]
4.1Diff算法流程概览【公众号:密知圈】.mp4 [90.9 MB]
4.2单一节点的Diff【公众号:密知圈】.mp4 [85.8 MB]
📁 第六章实现篇之Hooks
t.png [493.5 KB]
6.5useMemo及useCallback的实现【公众号:密知圈】.mp4 [26.7 MB]
6.2useState与useReducer的实现【公众号:密知圈】.mp4 [147.3 MB]
6.1极简useState实现【公众号:密知圈】.mp4 [127.0 MB]
6.3useEffect与useLayoutEffect的实现(1)【公众号:密知圈】.mp4 [122.5 MB]
6.4useRef的实现【公众号:密知圈】.mp4 [92.7 MB]
6.3useEffect与useLayoutEffect的实现【公众号:密知圈】.mp4 [122.5 MB]
📁 第七章实现篇之ConcurrentMode
第七章实现篇之ConcurrentMode必看.png [493.5 KB]
7.3异步可中断更新与饥饿问题【公众号:密知圈】.mp4 [196.4 MB]
7.2lane模型的工作原理【公众号:密知圈】.mp4 [36.4 MB]
7.4batchedUpdates的实现【公众号:密知圈】.mp4 [94.8 MB]
7.6Suspense的实现【公众号:密知圈】.mp4 [232.6 MB]
7.5高优先级更新如何插队【公众号:密知圈】.mp4 [188.7 MB]
7.1scheduler的工作原理及实现【公众号:密知圈】.mp4 [225.1 MB]
📁 第三章架构篇之commit阶段
第三章架构篇之commit阶段资料.png [493.5 KB]
3.4layout阶段【公众号:密知圈】.mp4 [118.7 MB]
3.3mutation阶段【公众号:密知圈】.mp4 [105.8 MB]
3.2beforemutation阶段【公众号:密知圈】.mp4 [28.0 MB]
3.1流程概览【公众号:密知圈】.mp4 [149.7 MB]
📁 第五章实现篇之状态更新
第五章实现篇之状态更新文档.zip [1.8 MB]
5.1状态更新流程概览【公众号:密知圈】.mp4 [66.1 MB]
5.2优先级与Update【公众号:密知圈】.mp4 [73.2 MB]
5.3Update的计算【公众号:密知圈】.mp4 [370.3 MB]
5.4ReactDOM.render完整流程【公众号:密知圈】.mp4 [69.7 MB]
5.5this.setState完整流程【公众号:密知圈】.mp4 [23.9 MB]
📁 第二章架构篇之render阶段
2.5“递”阶段update时流程【公众号:密知圈】.mp4 [113.4 MB]
2.4“归”阶段mount时流程【公众号:密知圈】.mp4 [115.7 MB]
2.1架构工作流程概览【公众号:密知圈】.mp4 [41.3 MB]
2.2深入理解JSX【公众号:密知圈】.mp4 [81.9 MB]
2.6“归”阶段update时流程【公众号:密知圈】.mp4 [105.3 MB]
2.3“递”阶段mount时流程【公众号:密知圈】.mp4 [131.8 MB]适合人群
- React开发者
- 前端进阶者
学习收获
理解React架构
掌握React实现细节
提升代码质量
祝您学习愉快!
学有所成,前程似锦!






