《崔效瑞-mini-react 训练营》是一门为期7天的React源码深度解析与实践课程,旨在帮助学员通过动手实现一个简化版的React(mini-react),深入理解React的核心原理与架构设计。课程采用科学的学习方式,将复杂任务拆解为每日小目标,结合录播视频,帮助学员逐步掌握React的Fiber架构、任务调度、状态管理(useState)、副作用处理(useEffect)等核心功能。通过问题驱动与动手实践,学员不仅能提升React源码理解能力,还能增强调试、画图、问题解决等综合能力,最终实现一个完整的mini-react并应用于实际项目(如todo-list)。
类型: |
课程,minireact,训练营,崔效瑞,动手实践,问题驱动,react,mini,useEffect,useState,任务调度,Fiber架构,React源码, |
文件预览
资源不是实时更新,具体以网盘链接为准!
点我预览网盘文件内容
「」崔效瑞-mini-react训练营
day1 实现最简 mini-react
01-实现最简 mini-react .mp4 (263.4 MB)
02-使用 jsx .mp4 (111.3 MB)
code.exe (354.1 KB)
扩展-使用 vitest 做单元测试.mp4 (78.7 MB)
扩展-自定义 react的名字.mp4 (25.2 MB)
day2 任务调度器 & fiber 架构
3. 实现任务调度器.mp4 (94.5 MB)
4. 实现 fiber 架构.mp4 (297.6 MB)
code.exe (340.1 KB)
day3 统一提交 & 实现 Function Component
5. 实现统一提交.mp4 (98.4 MB)
6. 实现 function component.mp4 (260.4 MB)
7. 重构 function component.mp4 (54.9 MB)
code.exe (338.6 KB)
day4 进军 vdom 的更新
8. 实现事件绑定.mp4 (72.1 MB)
9.update props.mp4 (336.6 MB)
10. 重构 update props .mp4 (39.0 MB)
code.exe (336.8 KB)
day5 update children
1. diff-更新 children.mp4 (119.5 MB)
2. diff-删除多余的老节点.mp4 (89.3 MB)
3. 解决 edge case 的方式.mp4 (71.8 MB)
4. 优化更新 减少不必要的计算.mp4 (137.3 MB)
code.exe (358.8 KB)
day6 搞定 useState
1. 实现 useState.mp4 (192.4 MB)
2-批量执行 action.mp4 (123.2 MB)
3-提前检测 减少不必要的更新.mp4 (45.5 MB)
code.exe (348.7 KB)
day7 搞定 useEffect
1. 实现 useEffect.mp4 (264.6 MB)
2. 实现 cleanup.mp4 (95.5 MB)
3. ending.mp4 (45.5 MB)
code.exe (351.3 KB)
day8 实现 todo-list
01-todos功能展示.mp4 (25.2 MB)
02-todos.mp4 (357.2 MB)
03-todos.mp4 (390.4 MB)
code.exe (327.9 KB)
下载链接
点我免费下载
资源预览