崔效瑞-mini-react 训练营

May 11,2026 870 次浏览 ¥32 编号：105553

📖 内容简介

《崔效瑞-mini-react 训练营》学习总结：从零实现一个mini-react框架，深入理解React核心原理** 《崔效瑞-mini-react 训练营》是一门专注于**React底层原理**与**源码实现**的实战课程。本训练营的核心目标是带领学习者**从零开始构建一个mini-react框架**，通过动手实践，彻底理解React的**虚拟DOM**、**任务调度**、**JSX编译**等关键机制。课程内容循序渐进，从**实现最简mini-react**开始，逐步引入**JSX语法支持**，并重点讲解了React核心的**任务调度器（Scheduler）** 的实现原理。此外，课程还包含扩展内容，如使用**Vitest进行单元测试**、自定义React名称等，帮助学员建立完整的工程化开发思维。通过本训练营的学习，你将不仅**深入掌握React运行机制**，更能提升**前端框架设计**与**JavaScript底层编程**能力。适合有一定React使用经验，希望突破技术瓶颈、深入理解前端框架本质的开发者。搜索**React源码解析**、**前端框架原理**、**手写React**、**任务调度**等关键词的开发者，本课程是不可多得的优质实践资源。

*内容摘要，帮助您快速了解要点

├─1
│ 01-实现最简 mini-react .mp4
│ 02-使用 jsx .mp4
│ 扩展-使用 vitest 做单元测试.mp4
│ 扩展-自定义 react的名字.mp4
│ code.zip
│
├─2
│ 3. 实现任务调度器.mp4
│ 4. 实现 fiber 架构.mp4
│ code.zip
│
├─3
│ 5. 实现统一提交.mp4
│ 6. 实现 function component.mp4
│ 7. 重构 function component.mp4
│ code.zip
│
├─4
│ 8. 实现事件绑定.mp4
│ 9.update props.mp4
│ 10. 重构 update props .mp4
│ code.zip
│
├─5
│ 1. diff-更新 children.mp4
│ 2. diff-删除多余的老节点.mp4
│ 3. 解决 edge case 的方式.mp4
│ 4. 优化更新减少不必要的计算.mp4
│ code.zip
│
├─6
│ 1. 实现 useState.mp4
│ 2-批量执行 action.mp4
│ 3-提前检测减少不必要的更新.mp4
│ code.zip
│
├─7
│ 1. 实现 useEffect.mp4
│ 2. 实现 cleanup.mp4
│ 3. ending.mp4
│ code.zip
│
└─8-todo-list
01-todos功能展示.mp4
02-todos.mp4
03-todos.mp4
code.zip