SuperAPI AI 工具集

react-typescript

编程与开发

查看项目

更新于 10-16 06:24

技能介绍

用途:为使用 React 19+ 和 TypeScript 构建前端应用提供可参考的编码模式与约定,覆盖组件、Hook、状态管理、数据请求、表单、错误处理与性能优化等主题。

主要能力:函数组件与泛型组件写法;Props、children 与事件处理类型;自定义 Hook(含计数器、数据请求)模式;Context 与 Zustand 状态管理示例;TanStack Query 的查询与乐观更新变更;React Hook Form 配合 Zod 的表单校验与类型推导;ErrorBoundary 错误处理;useMemo、useCallback、memo 与 lazy/Suspense 代码分割;React 19 的 Compiler 友好写法、Actions(form action、useActionState、useOptimistic)及 use() Hook;XSS 防护与环境变量安全建议;推荐目录结构。

使用方式:资料以模式示例呈现,未提供统一安装命令或运行步骤;命令需按资料另行确定,暂未提供。示例中出现的包(如 TanStack Query、Zustand、React Hook Form、Zod、DOMPurify)可按来源资料对应文档引入。

适用场景:SPA 与 RSC 应用的前端开发,尤其是需要统一组件、Hook、状态与请求约定的项目。

限制:资料以示例和约定为主,未提供版本要求、收费、平台或性能基准;Actions 与 Query mutations 的取舍为建议,实际效果未说明。