SuperAPI AI 工具集

web-react

前端与建站

查看项目

更新于 10-15 18:45

技能介绍

用途:为使用原生 React 搭配 Apollo Client 的项目提供一套编码规范,用清晰结构避免组件膨胀、逻辑混杂和服务器状态重复。

主要能力:组件保持 200 行以内,超长则按职责拆分;把使用多个 Hooks 的业务逻辑抽成以 use 开头的自定义 Hook,遵守 Hooks 调用规则并保持依赖完整;用 Apollo 缓存管理服务器状态,表单与 UI 状态留在本地,由服务器数据派生的内容用计算或 useMemo 处理,不复制到 useState;状态按需选用 Apollo、Context、useState 或 useReducer,Context 按关注点拆分以免频繁重渲染;按 components、features、hooks、graphql、utils 组织文件,并统一组件 PascalCase、Hook 前缀 use、GraphQL 查询用 SCREAMING_SNAKE 等命名。

使用方式:资料未提供具体安装或调用命令,仅给出规则与文件结构示例,可作为编写和评审代码的参考。

限制:该技能以规范约定为主,未提供安装步骤、命令示例或配套工具细节;何时改用 Next.js、Remix、React Hook Form 等替代方案仅在资料中列出适用场景,具体集成方式暂未提供。