Excalidraw Data
Text Elements
React 渐进增强主线
Idea Atlas · 顶部是渐进主线，下方按能力区与场景索引展开
点击卡片可进入对应笔记 / 地图
渐进主线
React
总入口
组件通信
状态管理
Hooks
并发渲染
表单处理
主线起点
共享范围扩大
能力地图
调度增强
场景索引
状态逐级增强
状态范围与逻辑复杂度逐步扩大
useState
useReducer
useContext
useSync
ExternalStore
局部状态
逻辑复杂化
跨层共享
外部 store
并发渲染与反馈节奏
Fiber
useTransition
useDeferredValue
useOptimistic
useActionState
底层调度
更新优先级
值传播节奏
反馈前置
结果落地
Hook 能力补充
能力补充
引用与封装
副作用与布局时机
结构标识
派生与函数稳定
useRef
forwardRef
useImperative
Handle
useEffect
useLayoutEffect
useId
useMemo
useCallback
引用能力
透传
收窄暴露面
副作用
布局阶段
结构标识
派生缓存
函数稳定
表单场景索引
场景索引
输入值 → useState
多字段 → useReducer
外部联动 → useEffect
乐观提交 → useOptimistic
动作结果 → useActionState
可访问性 → useId
React useTransition 的问题解决和核心用法
React useDeferredValue 的问题解决和核心用法
React useOptimistic 的问题解决和核心用法
React useImperativeHandle 的问题解决和核心用法
React useLayoutEffect 的问题解决和核心用法