用途：为构建 React 19 应用提供系统化开发模式，适用于 Next.js App Router、Server Actions、乐观 UI 与并发渲染场景，也覆盖从类组件迁移到 Hooks、用 React Compiler 优化渲染、用 useReducer 或自定义 Hook 管理复杂状态、用 Suspense 包裹异步操作等需求。
主要能力：提供快速参考表，列出各模式对应的 Hook/API 与用例，包括 useState、useReducer、useEffect、useContext、useRef、useMemo/useCallback、useTransition、useDeferredValue，以及 React 19 的 use()、useOptimistic、useFormStatus、useActionState 和 React Compiler 自动记忆化。给出可复制的示例：Server Component 与 Client Component 协作、useOptimistic 即时反馈、带 Zod 校验的 Server Action 表单、自定义 Hook、useTransition 非紧急更新。
使用方式：先判断组件类型（Server 或 Client），再选择合适 Hook，为 props 定义 TypeScript 接口，用 Suspense 包裹数据获取组件，按需用 React Compiler 或手动记忆化优化，并添加 ErrorBoundary。Server Action 需定义 Zod/schema 校验，并测试无效输入被拒绝、有效输入成功。
适用场景：React 19 + Next.js App Router 项目、乐观 UI、表单校验、并发渲染优化、状态管理重构与迁移。
限制：Server Components 不能用 Hook、事件处理器或浏览器 API；use() 只能在渲染期间调用；Server Actions 必须带 'use server' 且始终校验输入；不得直接修改 state；useEffect 依赖数组需完整；订阅与监听器必须在清理函数中释放。详细模式见 references 下的 hooks-patterns、component-patterns、react19-features、performance-patterns、typescript-patterns、learn、reference 等文件。