frontend-patterns - 应用 React 与 Next.js 前端开发模式
提供 React、Next.js、状态管理、性能优化和用户界面最佳实践的前端开发模式。
标签
更新于: 2026-09-29能力
典型输入
典型输出
该技能可以做什么
- 设计 React 组件组合
- 实现复合组件
- 创建自定义状态钩子
- 处理异步数据获取
- 使用 Context 管理状态
- 优化渲染与加载
- 虚拟化长列表
- 验证受控表单
- 实现无障碍响应式界面
输入
- React 或 Next.js 项目
- 应用状态
- API 端点
- 表单字段和验证规则
- 界面响应式与无障碍需求
输出
- React 和 Next.js 前端代码
- 用户界面组件和自定义钩子
- 状态管理逻辑
- 数据获取逻辑
- 响应式无障碍界面
要求
- React 支持
- Next.js 支持
- TypeScript 支持