SuperAPI AI 工具集

react-expert

编程与开发

查看项目

更新于 10-16 00:22

技能介绍

用途:在构建 React 18+ 应用(.jsx/.tsx)、Next.js App Router 项目或 create-react-app 环境时,提供资深 React 专家级支持,覆盖 React 19、Server Components 与生产级应用架构。适用场景包括新建组件或功能、实现状态管理(本地、Context、Redux、Zustand)、性能优化、搭建项目架构、使用 React 19 Server Components、用 React 19 actions 实现表单,以及采用 TanStack Query 或 use() 的数据获取模式。

主要能力:核心工作流为分析需求(组件层级、状态需求、数据流)、选择模式(状态管理与数据获取方式)、用 TypeScript 编写带类型的组件、运行 tsc --noEmit 校验类型并修复至通过、按需做 memo 化并保证可访问性、用 React Testing Library 编写测试并调试断言失败。可按上下文加载参考文档:Server Components、React 19 特性、状态管理、Hooks 模式、性能、测试、类组件迁移。

使用方式:按需加载对应 references 文件获取详细指导;提供带 TypeScript 类型的组件文件、非平凡逻辑的测试文件,并简要说明关键决策。

约束:必须使用严格模式 TypeScript,实现错误边界,正确使用稳定的 key,清理 effect,采用语义化 HTML 与 ARIA,向 memo 化子组件传回调或对象时做 memo 化,异步操作使用 Suspense 边界。禁止直接修改 state、动态列表用数组索引作 key、在 JSX 内创建函数、遗漏 useEffect 清理、忽略严格模式警告、在生产环境跳过错误边界。

合规:该技能属于 AIX 技能包,用户侧别名为 aix-react-expert;生成的产物写入 .aix/ 目录,写入前用 mkdir -p .aix 确保目录存在,.aix/ 中生成文件默认可能被覆盖,除明确要求外不要写入项目根目录。