SuperAPI AI 工具集

react-senior-guide

前端与建站

查看项目

更新于 10-15 20:05

技能介绍

用途:作为编写或审查任何 React 代码时的综合参考入口。它本身是路由器而非总结,先按情境在路由表中匹配,再用 Skill 工具加载对应的 1–2 个专项技能,不要全部加载。

主要能力:路由到 9 个专项技能,包括 react-usecallback、react-usememo、react-usecontext、react-useref、react-useeffect、react-design-patterns、react-anti-patterns、react-hook-authoring、react-hook-authoring-fix。典型匹配:判断是否需要 useCallback 或 useMemo、选择 useRef 与 useState、判断 useEffect 是否合适、选择组件模式、审查反模式、设计或修复自定义 hook、优化渲染性能、集成 D3/地图/图表等外部库。

跨领域原则:能派生就派生,不要用 useEffect 同步派生值;用户操作走事件处理器,组件出现在屏幕走 useEffect;先测量再优化,不要预防性添加 useMemo/useCallback/memo,唯一例外是 Context Provider 的 value;引用稳定性只对对象和数组有意义,原始值按值比较;状态应最小化,存 ID 而非对象副本,状态用联合类型而非多个布尔值,不影响 UI 的值用 useRef;使用 React Compiler(2025+)时不要手动加 memo,除非有实测问题或涉及未编译的外部库。

使用方式:提供 AI 代码审查清单(如 useEffect 是否做派生计算、是否缺清理、fetch 是否缺竞态保护、列表 key 是否用索引、是否用多个布尔表示状态、组件是否嵌套定义、是否直接修改状态、hooks 是否条件调用等),以及组件模式决策流程(自定义 Hook、复合组件、Headless 组件、Error Boundary、Portal、Context Provider、Render Props)。

限制:资料未提供安装命令、收费、价格、平台支持或效果数据;具体深度内容位于被路由的专项技能中,本入口只覆盖跨领域基础。