SuperAPI AI 工具集

react-expert

编程与开发

查看项目

更新于 10-15 21:35

技能介绍

用途:该技能面向 React 18/19 开发,提供 Hooks、组件模式、渲染性能、状态管理、SSR/RSC 等方面的诊断与修复建议,并附带代码审查清单。

主要能力:按问题类别给出渐进式修复策略(最小改动→更优→完整重构),涵盖 Hooks 规范、渲染性能、Effects 与生命周期、状态管理、SSR/RSC 水合问题、组件模式等;同时提供环境检测命令,用于识别 React 版本、构建工具(Next.js、Vite、Webpack、Create React App)、Strict Mode 与路由。

使用方式:先做环境检测,例如 npm list react --depth=0 2>/dev/null | grep react@;再按问题类别定位反模式,应用渐进式修复,最后用 React DevTools 与测试验证。若问题属于性能剖析、CSS-in-JS/样式、无障碍或组件测试,该技能会停止并推荐对应专家技能。

适用场景:排查 Invalid hook call、依赖数组缺失、陈旧闭包、无限重渲染、内存泄漏、水合失败、列表 key 缺失、ref 时序等 React 特有问题。

限制:资料未提供具体收费、价格、平台支持范围与效果数据;部分诊断命令依赖项目已配置 ESLint、测试或构建工具,未配置时仅输出提示。