用途：这是一套 React 18+ 的编码规则/模式参考，用于在使用 Hooks 与组件开发 React 应用时统一实现方式。
主要能力：
- 自定义 Hooks：要求把可复用逻辑抽取为 useUser 这类自定义 Hook，避免在多个组件中重复逻辑。
- 组件组合：主张用组合替代逐层透传 props，例如以 Dashboard 接收 children 并放入 <Sidebar />、<MainContent />。
- 记忆化：对开销大的计算使用 useMemo，对需要稳定引用的函数使用 useCallback。
- 选型决策树：共享状态用 Context 或 Zustand；服务端状态用 React Query / SWR；表单用 React Hook Form；复杂计算用 useMemo；稳定回调用 useCallback；访问 DOM 用 useRef。
- 代码示例：给出受控表单（useState 管理 email/password 并 onSubmit 提交）与类组件错误边界（getDerivedStateFromError、渲染 FallbackUI）。
用法：作为规则集在构建 React 应用时参考。常见命令包括： npx create-react-app myapp --template typescript npm run dev npm run build npm run test
适用场景：需要统一 React 18+ 项目内 Hooks、组件拆分、状态选型与错误处理风格的团队或项目。
限制：资料未说明许可证、依赖版本约束、测试框架细节、包管理器限制，也未提供错误边界的完整 Props/State 类型定义；命令沿用 create-react-app 模板，实际项目脚手架是否仍适用需自行确认。