前端开发模式 (Frontend Development Patterns)

适用于 React、Next.js 和高性能用户界面的现代前端模式。

何时激活

• 构建 React 组件（组合、Props、渲染）
• 管理状态（useState、useReducer、Zustand、Context）
• 实现数据获取（SWR、React Query、服务端组件）
• 优化性能（记忆化、虚拟化、代码分割）
• 处理表单（验证、受控输入、Zod 模式）
• 处理客户端路由与导航
• 构建可访问（Accessible）、响应式的 UI 模式

组件模式 (Component Patterns)

组合优于继承 (Composition Over Inheritance)