frontend-patterns - React 与 Next.js 前端开发模式
提供 React、Next.js、状态管理、数据获取、性能优化、表单以及无障碍响应式界面的前端开发模式。
标签
更新于: 2026-09-29能力
典型输入
典型输出
该技能可以做什么
- 设计 React 组件
- 定义自定义 Hook
- 管理应用状态
- 实现数据获取
- 优化渲染性能
- 处理表单验证
- 构建无障碍响应式界面
- 配置客户端路由
输入
- React 或 Next.js 代码库
- 应用状态需求
- 数据获取需求
- 表单验证需求
- 性能需求
- 界面无障碍需求
输出
- 前端实现代码
- 可复用 React 组件
- 自定义 Hook
- 状态管理逻辑
- 数据获取逻辑
- 经过验证的表单界面
- 性能优化模式
要求
- React 或 Next.js 环境
- 前端开发依赖