崔效瑞主讲 - Mini-React训练营

如果你写过一段时间 React，却总在面试或排查问题时卡在"为什么这里会重新渲染""useEffect 的清理函数到底什么时候执行"这类问题上，这门 Mini-React 训练营值得看一眼。它的定位不是教你怎么用 React 写业务，而是带你从零手写一个能跑起来的简化版 React，把渲染、更新、副作用这几条主线拆开看清楚。学完之后，你对 React 的行为判断会从"记住结论"变成"知道它内部怎么走"。

它解决的是哪类工作场景

日常开发里最常见的困惑，基本都能在这门课里找到对应章节：组件更新时为什么整棵树都重算、依赖数组写错会怎样、副作用为什么必须在渲染之后执行、卸载时清理逻辑挂在哪里。课程从最基础的渲染流程入手，逐步加上更新机制，再处理更新时的性能问题，最后落到 useEffect 和它的清理时机。也就是说，它针对的不是"不会写组件"的新手问题，而是"会用但说不清、改不动"的中间状态。对于要读公司内部框架封装、要参与性能优化、要在技术评审里解释方案的人来说，这部分底层认知是刚需。

适合什么基础，先看哪几块

前提是你能独立写 React 函数组件，熟悉 useState、useEffect 的基本用法，并且能看懂 ES6 的箭头函数、解构和模块语法。不需要你读过 React 源码，也不需要算法竞赛级别的功底，但要对 JavaScript 的闭包和作用域有基本感觉，否则在后面处理依赖和清理逻辑时会比较吃力。建议的观看顺序是先跟完渲染主流程那部分，把"一次更新发生了什么"跑通；再进入更新与 diff 相关的内容，理解节点复用和比对规则；最后集中攻 useEffect 和 cleanup，这是最容易出问题、也最能体现原理价值的一块。中间穿插的收尾部分可以放在最后看，用来串起整体结构。

学完能独立做什么，资料怎么配合练习

跟完之后，你应该能自己写出一个支持基本更新、能正确处理副作用和清理的迷你运行时，并且能对照它去解释真实项目里的渲染行为。具体一点：能判断某次状态变更会触发哪些组件的重新计算，能说清 useEffect 的执行与清理顺序，能看懂 diff 阶段为什么做那些取舍。资料以视频讲解为主，配套的代码可以边看边改。建议的做法是每看完一段先暂停，自己按理解写一遍，再对照参考实现找差异，尤其是更新优化和清理时机这两处，只看不写很容易产生"懂了"的错觉。整份内容体量不算大，但需要你留出动手时间，纯刷一遍的收益会打不少折扣。

需要提醒的是，这门课的目标是建立原理层面的理解，不是产出可直接上线的框架，也不涉及状态管理库、路由或工程化配置。如果你的诉求是快速补齐业务开发能力，它帮不上太多；如果你正卡在"会用但不懂"的阶段，或者准备往更深的工程方向走，这门的性价比就比较高了。