SuperAPI AI 工具集

typescript-react-patterns

编程与开发

查看项目

更新于 10-15 23:58

技能介绍

用途:该技能是一份结构化参考,供 AI 编码代理在前端生产环境中协助工程师使用 TypeScript、React 与 Next.js。

主要能力:覆盖类型收窄、组件 Props、泛型 Hooks、可辨识联合、运行时校验、数据获取与缓存、状态管理、表单校验、性能与可访问性、调试与代码审查等主题,并提供文件索引(如 typescript-core.md、react-typescript-patterns.md、nextjs-typescript.md、component-patterns.md、data-fetching-and-api-types.md、forms-and-validation.md、state-management.md、performance-and-accessibility.md、debugging-checklists.md、code-review-rules.md、anti-patterns.md 及 playbooks/ 调试指南)。

行为规则要点:回答前需确认是服务端还是客户端、是否需要运行时校验、App Router 还是 Pages Router、TypeScript 与 Next.js 版本;不得假设 API 响应与类型在运行时一致、searchParams 类型符合预期、现有 any/as 合理、服务端导入在客户端安全、useEffect 依赖正确。明确规定 [HARD RULE]/[DEFAULT]/[SITUATIONAL] 三类规则,并给出数据安全、状态归属、是否 memorize 的判断流程。

限制:资料未提供具体安装命令、价格或平台信息;仅能作为编码代理的参考性知识,不替代实际项目验证。