react-patterns

用途：为构建生产级 React 应用提供模式与原则参考，覆盖从组件设计到测试的完整开发流程。

主要能力：

1. 组件设计：区分 Server、Client、展示型、容器型组件，强调单一职责、props 向下事件向上、组合优于继承。
2. Hook 模式：说明何时抽取 useLocalStorage、useDebounce、useFetch、useForm 等自定义 Hook，并列出 Hook 规则（顶层调用、顺序一致、以 use 开头、卸载时清理副作用）。
3. 状态管理选择：按复杂度选用 useState/useReducer、Context、React Query/SWR、Zustand/Redux Toolkit，并给出状态放置范围。
4. React 19 模式：介绍 useActionState、useOptimistic、use 等新 Hook 及编译器自动记忆化带来的收益。
5. 组合模式：复合组件、渲染属性与 Hook 的取舍、高阶组件适用场景。
6. 性能原则：先分析再优化，针对慢渲染、大列表、昂贵计算、回调稳定性采取对应措施。
7. 错误处理：错误边界按应用、功能、组件层级放置，提供回退 UI、日志、重试与数据保留。
8. TypeScript 模式：props 用 interface、联合与复杂类型用 type、可复用组件用泛型，以及 children、事件、ref 的常见类型。
9. 测试原则：单元、集成、E2E 分层，优先测试用户可见行为、边界情况、错误状态与可访问性。
10. 反模式：避免深层 prop drilling、巨型组件、滥用 useEffect、过早优化、用索引作 key。

使用方式：作为开发时的模式参考与检查清单，按主题查阅并应用到实际代码中。资料未提供具体安装命令或代码示例。

适用场景：React 应用架构设计、代码评审、重构与性能调优。

限制：资料为原则性说明，未提供具体版本要求、依赖安装、完整示例或平台信息。