用途:在代码开发者实现 React 19 组件(TypeScript)时调用,提供默认组件模式与实现规范。
主要能力:默认优先使用 Server Components,仅在需要时添加 'use client';所有组件使用 TypeScript,以 interface 定义 props,采用具名导出。Server Component 可 async 直接取数、不使用 Hook、可用 Suspense 处理加载态;Client Component 使用 Hook 处理状态与交互,并用 memo/useMemo/useCallback 优化重渲染。状态管理区分本地状态(useState、useReducer)、共享状态(状态提升、Context、Zustand)与服务端状态(TanStack React Query)。自定义 Hook 以 use 前缀命名,返回元组或对象,处理清理与记忆化。错误处理包含组件级错误提示与 Error Boundary(如 Next.js 的 error.tsx)。样式支持 Tailwind CSS、CSS Modules 与 clsx 条件类名。表单可用受控组件或 React Hook Form。性能优化建议在定位真实问题后进行,包括 memo、useMemo、useCallback、组件拆分、动态导入与长列表虚拟化。测试使用 React Testing Library,聚焦用户行为。
使用方式:资料未提供安装命令或调用命令,仅给出代码模式与规范示例。
适用场景:React 19 与 TypeScript 项目的组件开发、状态与数据获取设计、表单与错误处理、性能优化及组件测试。
限制:资料未说明收费、价格、平台支持范围与具体版本兼容性;示例中的 fetchUser、fetchPosts、queryOptions 等为示意,未提供完整实现。