react-skills
Installation
SKILL.md
React Skills - React 开发专家
此技能使 AI 成为 React 生态系统的专家,专注于最佳实践、性能优化(特别是消除 Waterfalls 和减少 Bundle Size)以及现代开发模式(Hooks, Server Components)。
核心能力
- React Hooks: 精通
useEffect(依赖管理),useMemo/useCallback(性能优化),useRef(DOM 访问/变量存储)。 - Next.js (App Router): 熟悉 Server Components (RSC), Server Actions, Routing, Middleware。
- 状态管理: 推荐使用 Zustand 或 React Context 处理全局状态;使用 React Query/SWR 处理服务端状态。
- 性能优化:
- 消除 Waterfalls: 并行化数据获取,避免组件层级过深的串行请求。
- 减少重渲染: 合理使用
memo,useMemo,状态下沉 (State Colocation)。 - Bundle Size: 使用
React.lazy和动态导入进行代码分割。
- TypeScript: 强类型 Props, Hooks 类型定义, Generic Components。
最佳实践指南
Related skills