手把手构建Mini-React框架：从零实现Fiber架构与Hooks核心机制 深入React底层原理，掌握任务调度、Diff算法与性能优化实战

课程简介

本课程通过从零实现Mini-React框架，深度解析React核心架构设计。学员将亲手实现Fiber架构、任务调度器、统一提交机制、函数组件渲染、Hooks（useState/useEffect）、事件系统、Diff算法及性能优化等核心模块。课程采用JSX+Vitest测试驱动开发，涵盖异步任务批处理、内存泄漏防治、动态Props更新等企业级解决方案。通过完成TODOS实战项目，你将掌握React底层运行机制、性能优化技巧，并获得构建自定义前端框架的能力，彻底摆脱黑盒开发困境。

下载地址

课程目录

1

• 🎬 01-实现最简 mini-react -.mp4
• 🎬 02-使用 jsx -.mp4
• 🎬 扩展-使用 vitest 做单元测试-.mp4
• 🎬 扩展-自定义 react的名字-.mp4

2

• 🎬 3. 实现任务调度器-.mp4
• 🎬 4. 实现 fiber 架构-.mp4

3

• 🎬 5. 实现统一提交-.mp4
• 🎬 6. 实现 function component-.mp4
• 🎬 7. 重构 function component-.mp4

4

• 🎬 8. 实现事件绑定-.mp4
• 🎬 9.update props-.mp4
• 🎬 10. 重构 update props -.mp4

5

• 🎬 1. diff-更新 children-.mp4
• 🎬 2. diff-删除多余的老节点-.mp4
• 🎬 3. 解决 edge case 的方式-.mp4
• 🎬 4. 优化更新 减少不必要的计算-.mp4

6

• 🎬 1. 实现 useState-.mp4
• 🎬 2-批量执行 action-.mp4
• 🎬 3-提前检测 减少不必要的更新-.mp4

7

• 🎬 1. 实现 useEffect-.mp4
• 🎬 2. 实现 cleanup-.mp4
• 🎬 3. ending-.mp4

8-todo-list

• 🎬 01-todos功能展示-.mp4
• 🎬 02-todos-.mp4
• 🎬 03-todos-.mp4