React 进阶实践指南

先判断值不值得学：这门课在解决什么场景

很多写了两年 React 的同学，日常增删改查没问题，但一遇到组件渲染失控、长列表卡顿、Hooks 闭包陷阱就束手无策，看开源库源码也像看天书。这门课就是给这类人准备的。它不教怎么搭脚手架，也不讲怎么用 Antd 拖拽表单，而是专治“能跑但跑不快、能写但写不透”的瓶颈。如果你正卡在“会用 API 但不懂底层”的阶段，想往中高级前端走，或者准备应对复杂业务场景的面试，这课值得花时间；但如果你刚学完 JS 基础、连组件都还没写过几回，建议先补实操再来，直接啃原理篇会严重劝退。

建议怎么学和先看哪几块

资料按基础、优化、原理、架构、生态几条主线划分，建议别从头顺着看。如果你已有实际项目经验，直接跳到“优化篇”的渲染控制和调优，对照自己项目里性能差的页面，边看边改；等对“为什么重新渲染”有体感后，再回头看“原理篇”的调和 fiber 以及 Hooks 原理，这样不至于干啃概念。基础篇里，高阶组件和 context 适合快速过一遍查漏补缺，不用死磕。架构篇的位运算和数据更新流程设计稍硬核，可以放到最后，配合原理篇一起看，能帮你理解 React 内部怎么标记节点状态。生态篇的 React-router 和状态管理部分，建议当你手头项目正好要用时再查，带着真实需求学比空看有效。

学完能独立做什么及资料配合建议

学透之后，你应该能独立做几件事：给一个卡顿的复杂表单或长列表做性能调优，用 memo、渲染控制、时间分片把交互响应拉回正常；读懂主流开源库里关于 fiber 调度和 Hooks 闭包的实现思路；在团队里主导搭建带状态管理的基础架构，而不是只会套现成脚手架。资料配合练习上，别光看 Demo，强烈建议自己起个空项目，把优化篇的案例逐个复现，改参数看渲染结果。原理篇的 Demo 可以自己打断点，看 fiber 树怎么生成、Hooks 链表怎么挂载。把“看懂”变成“能改对”，才算没白学。