主题
React 进阶教程系列
面向：已学过 React 语法与常用库概念，但尚未独立手敲完整项目；有 Vue / uni-app / Journal 实战的学习者。
原则：react.dev / nextjs.org 官方文档优先；AI 用来加速验证与练习，不替代自己敲与对照官方验收。
收束栈：Next.js App Router。
对齐暑假计划：个人暑假计划 · 前端线（本系列按可穿插支线，不抢算法/Go 主线）。
怎么读
| 节奏 | 建议 |
|---|---|
| 平日 30～45′ | 读 1 篇 + 敲文内 checklist |
| 周末半天 | 冲第 10 篇笔记板里程碑 |
| 卡壳时 | 先打开文内「官方入口」，再问 AI；把 AI 答案对照官方验收 |
文章索引（建议顺序）
| # | 文档 | 你学完应能做什么 |
|---|---|---|
| 01 | AI 时代学 React：官方文档优先 | 画出个人官方资源地图；知道何时用 / 不用 AI |
| 02 | 安装工具链与第一个 App Router 应用 | create-next-app + TS 跑通；改首页可见变化 |
| 03 | 用 Learn React 补手感：组件 / props / state | 在 Client Component 里手写完整交互页 |
| 04 | Effects 与数据同步：何时该用 / 不该用 | 能判断派生 vs effect；少写错误依赖 |
| 05 | App Router 路由心智：layout / page / loading / error | 配多级路由与共享 layout |
| 06 | Server Components vs Client Components | 默认 Server；仅交互边界加 'use client' |
| 07 | 数据获取、缓存与重新验证 | 在 Server Component 里 fetch；理解 cache 直觉 |
| 08 | 表单与 Server Actions | 列表 + 新增/删除最小写操作闭环 |
| 09 | 用 AI 写 React/Next：审查清单与轻量测试 | 用清单审 AI 代码；写 1～2 个轻量测试 |
| 10 | 迷你笔记板小项目落地 | 两周内可 pnpm dev / 可演示的小交付 |
官方总入口（收藏）
二级资料（官方博客、掘金长文、课程）：永远低于上述一级。