这个系列的定位
react-quick/ 让你做出一个 Next.js 网站。这 25 篇让你理解为什么 React 这样设计、并写出可维护、可扩展、性能不爆炸的 React 应用。
读完你能：
- 解释 渲染、提交、副作用 三阶段
- 用 Hooks 写出别人看得懂、复用得了的逻辑
- 看一段慢 React 代码 → 定位到哪一个 re-render 在浪费
- 选对状态管理（什么时候用 Context、什么时候用 Zustand / Redux）
- 拿 TypeScript + 测试 + 部署把项目变成"产品"
不重复教 JSX 是什么、组件是什么——那些在 react-quick/ 第 5、6 篇。
25 篇怎么排
| 模块 | 篇数 | 主要内容 |
|---|---|---|
| 心智模型（02-04） | 3 | 渲染本质 / JSX 编译 / 组件分类 |
| Hooks 全家桶（05-11） | 7 | useState / useEffect / useRef / memo / Context / useReducer / 自定义 |
| 高级模式（12-15） | 4 | Suspense / Error Boundary / 受控-非受控 / 状态管理选型 |
| 数据与路由（16-17） | 2 | 数据获取范式 / 路由方案对比 |
| 表单 / 动画 / TS（18-20） | 3 | RHF + Zod / Framer Motion / 类型工程 |
| 测试与性能（21-22） | 2 | Vitest+RTL / 性能调优 |
| 渲染策略与部署（23-24） | 2 | SSR/CSR/SSG/ISR / 生产部署 |
| 路线图（25） | 1 | 学到这里之后往哪走 |
阅读顺序建议
最低线：02 → 05 → 06 → 09 → 16。这 5 篇是日常 React 90% 的事。
全套：从 02 顺序读到 25，每篇之间有引用上下文。
急救式：哪里疼读哪里——比如组件慢 → 跳 22；表单乱 → 跳 18。
阅读前提
- 你已经能在
react-quick/的项目里加页面、改样式 - 知道
useState、useEffect大概是干嘛的 - 看得懂 TypeScript（不强求精通）
不满足？先把 react-quick/ 1-10 篇过一遍，那是这个系列的最低门槛。
→ 下一篇 React 渲染心智模型