React源码深度解析与手写实现：从零构建现代化前端框架 掌握React核心机制，深入Diff算法、Hooks与并发更新实战

课程简介

本课程通过手写实现React核心功能，深度解析现代前端框架的设计思想与实现原理。课程涵盖JSX编译、Reconciler协调机制、Fiber架构、Diff算法、Hooks系统（useState/useEffect/useRef）、事件系统、并发更新（Lane模型与调度策略）等核心模块。学员将通过从零搭建React框架的过程，深入理解虚拟DOM、组件更新机制、异步渲染等关键技术，掌握高性能前端应用的开发与优化方法。适合具备基础React开发经验，希望深入框架底层、提升工程化能力的前端开发者。

下载地址

课程目录

• 🎬 01 搭架子(2022-11-25 15-46-23)-.mp4
• 🎬 02 小试牛刀(2022-11-25 15-46-21)-.mp4
• 🎬 03 初探Reconciler(2022-11-25 15-46-24)-.mp4
• 🎬 04 如何触发更新？(2022-11-25 15-46-26)-.mp4
• 🎬 05 实现首屏渲染(2022-11-25 15-46-27)-.mp4
• 🎬 06 初探ReactDOM(2022-11-25 15-46-28)-.mp4
• 🎬 07 初探FC与实现第二种调试方式-.mp4
• 🎬 08 实现useState-.mp4
• 🎬 09 ReactElement的测试用例-.mp4
• 🎬 09.第九课：ReactElement的测试用例-.mp4
• 🎬 10.第十课：初探update流程-.mp4
• 🎬 11.课程介绍-.mp4
• 🎬 12.「2-2」JSX转换-实现JSX的打包-.mp4
• 🎬 13.「2-3」JSX转换-实现第一种调试方式-.mp4
• 🎬 14.「4-1」如何触发更新-实现状态更新机制-.mp4
• 🎬 15.「4-2」如何触发更新-接入状态更新机制-.mp4
• 🎬 16.「5-2」初探mount流程-实现completeWork-.mp4
• 🎬 17.「6-2」初探ReactDOM-实现Mutation子阶段-.mp4
• 🎬 18.「6-3」初探ReactDOM-实现ReactDOM-.mp4
• 🎬 19.「6-4」初探ReactDOM-调试ReactDOM-.mp4
• 🎬 20.「7-2」初探FC-实现第二种调试方式-.mp4
• 🎬 21.「8-2」实现useState-实现useState-.mp4
• 🎬 22.「9-2」ReactElement的测试用例-测试ReactElement-.mp4
• 🎬 23.「10-2」初探update流程-处理commit阶段-.mp4
• 🎬 24.「10-3」初探update流程-处理useState-.mp4
• 🎬 25.「11」实现事件系统-.mp4
• 🎬 26.「12-1」实现Diff算法-单节点Diff-.mp4
• 🎬 27.「12-2」实现Diff算法-多节点Diff-.mp4
• 🎬 28.「12-3」实现Diff算法-处理commit阶段-.mp4
• 🎬 29.「13」实现Fragment-.mp4
• 🎬 30.「14-1」批处理的概念-.mp4
• 🎬 31.「14-2」实现Lane模型-.mp4
• 🎬 32.「14-3」实现调度阶段-.mp4
• 🎬 32.「14-4」改造更新流程-.mp4
• 🎬 33.「15-1」实现useEffect数据结构-.mp4
• 🎬 34.「15-2」实现useEffect工作流程-.mp4
• 🎬 35.「16-1」实现noop-renderer-.mp4
• 🎬 36.「16-2」打包noop-renderer-.mp4
• 🎬 37.「16-3」测试useEffect-.mp4
• 🎬 38.「17-1」实现同步更新Demo-.mp4
• 🎬 39.「17-2」实现并发更新Demo-.mp4
• 🎬 40.「18-1」实现并发更新的交互部分-.mp4
• 🎬 41.「18-2」实现并发更新的策略逻辑-.mp4
• 🎬 42.「18-3」实现并发更新的状态计算-.mp4
• 🎬 43.「19-1」useTransition的作用-.mp4
• 🎬 44.「19-2」实现useTransition-.mp4
• 🎬 45.「20」实现useRef-.mp4