React & Next.js Patterns - FrankX 应用的 React 19 与 Next.js 15 开发模式
适用于 FrankX 应用的现代 React 19 与 Next.js 15 设计模式、服务端操作、数据获取及性能优化实践。
标签
更新于: 2026-09-19能力
典型输入
典型输出
该技能可以做什么
- 构建 Next.js 15 App Router 页面
- 实现 React 19 服务端组件
- 创建结合 Zod 校验的服务端操作
- 配置并行与流式数据获取
- 优化页面性能与图片加载
- 实现错误边界与加载状态
输入
- React 与 Next.js 代码库
- 组件设计规范
- 数据模型与 API 模式
输出
- React 19 组件文件
- Next.js 15 服务端操作函数
- 错误边界与加载状态模板
要求
- Next.js 15
- React 19
- Tailwind CSS 4
- Zod