cc-skill-frontend-patterns - React 前端开发模式与实践
提供 React 和 Next.js 组件、Hooks、状态管理、性能优化、数据获取与表单处理模式。
标签
更新于: 2026-09-29能力
典型输入
典型输出
该技能可以做什么
- 应用组件组合模式
- 构建复合组件
- 实现渲染属性模式
- 创建自定义 Hooks
- 使用 Reducer 管理状态
- 处理异步数据获取
- 优化渲染性能
- 拆分并延迟加载代码
- 虚拟化长列表
- 验证受控表单
输入
- 前端项目代码
- 用户界面需求
- API 端点
- 应用数据模型
输出
- 前端组件代码
- 自定义 Hook 代码
- 状态管理代码
- 优化后的渲染行为
- 经过验证的表单行为
要求
- 兼容 React 的前端环境
- TypeScript 支持