React 进阶导学

一句话：按 react.dev / nextjs.org 官方线，用 App Router 走到可演示的迷你笔记板。
文章表见本系列 README。

适合谁 / 不适合谁

适合	不适合
已学过 React 语法与常用库概念，但未独立手敲完整 Next 项目	零基础 HTML/JS（请先补基础再来）
有 Vue / uni-app / 实战经验，要补 React/Next 手感	想用本系列代替官方 Learn React（应对照官方验收）
可作为暑假前端支线穿插	与 Go「第 10 篇小项目」同一天硬啃两套收束

对齐：暑假计划 · 前端线。

学完验收

画出个人官方资源地图；知道何时用 / 不用 AI。
create-next-app + TS 跑通；layout / page / loading / error 能配。
默认 Server Components；仅在交互边界加 'use client'。
Server 侧 fetch 与缓存直觉；表单 + Server Actions 最小写闭环。
收束：可 pnpm dev、可演示的迷你笔记板（篇 10）。

推荐路径

text

01 官方心智 → 02 脚手架 → 03～04 组件/Effects
→ 05～08 App Router / RSC / 数据 / Actions → 09 AI 审查 → 10 笔记板

检查点	说明
02	首页改得出变化再往下
06	RSC vs Client 边界说清再开数据篇
10	周末里程碑；勿与 Go 篇 10 同周末硬扛

完整篇目：→ README。

怎么用本系列

节奏	建议
平日 30～45′	1 篇 + 文内 checklist
周末半天	冲笔记板
卡壳	文内官方入口 → AI → 对照官方验收

与 前端进阶/ 互补：那边是工程化/可视化专题；本目录是 React/Next 入门到小项目。

与其它模块的关系

不抢算法每日配额；与 Go 可穿插，避免双小项目同周收束。
多端 RN 需要 React 心智，但不要求先读完本系列 10 篇。

下一步

README
从 01 · AI 时代学 React 起读。
收束目标：10 · 迷你笔记板。