知识地图

每个卡片展示知识点的前置依赖（← 依赖）与层级。按模块分色：基础 · 核心 · 进阶 · 前沿与实践

基础

kp-001入门

React 是什么与心智模型

kp-002入门

声明式 UI 与 JSX

kp-003入门

组件与组件树

kp-004入门

Props 与单向数据流

kp-005入门

State 与 useState

kp-006入门

事件处理

kp-007入门

条件渲染与列表渲染

核心

kp-008核心

渲染与协调：从 setState 到屏幕

← #009← #018← #019← #022

kp-009核心

Key 与列表复用

← #007← #014

kp-010核心

useEffect 与副作用

← #014← #015← #017

kp-011核心

受控与非受控组件

← #004← #025

kp-012核心

Context 与跨层级通信

← #019← #021

kp-013核心

组合模式与 Children

← #003← #012

kp-014核心

Hooks 规则与闭包陷阱（快照模型）

← #008← #015← #019

进阶

kp-015进阶

自定义 Hook

← #016← #017← #021

kp-016进阶

useReducer 与复杂状态

← #012← #021← #005

kp-017进阶

useRef 与命令式逃生舱

← #011← #015← #020

kp-018进阶

记忆化：useMemo / useCallback / memo

← #019← #012← #014

kp-019进阶

重渲染机制与性能优化

← #009← #022← #018

kp-020进阶

Suspense 与 Error Boundary

← #022← #024← #019

kp-021进阶

状态管理与数据获取：选型逻辑

← #019← #026

前沿与实践

kp-022前沿

并发渲染与调度

← #023← #025

kp-023前沿

useTransition 与 useDeferredValue

← #020← #019

kp-024前沿

React Server Components

← #025← #026

kp-025前沿

React 19 新特性与 Actions

← #011← #024← #026

kp-026前沿

元框架与 Next.js

← #021← #020

kp-027进阶

测试策略

← #010← #028

kp-028进阶

反模式与代码审查清单

← #013← #027