SuperAPI AI 工具集

react-doctor

前端与建站

查看项目

更新于 10-15 17:27

技能介绍

用途:扫描 React 代码库的安全、性能、正确性和架构问题,用诊断结果排定修复优先级,改善整体代码健康度。适用于审查 React 组件、Hooks 及渲染行为,并对诊断做分诊。

主要能力:内置 47+ 条规则,覆盖安全(客户端包中硬编码密钥、eval())、状态与副作用(useEffect 中的派生状态、缺少清理、由 props 初始化 useState、级联 setState)、架构(组件嵌套组件、超大组件、内联渲染函数)、性能(布局属性动画、transition-all、过大的 blur 值)、正确性(以数组索引作 key、条件渲染缺陷)、Next.js 相关(缺少 metadata、服务端数据改用客户端获取、异步客户端组件)、打包体积(barrel 导入、整包 lodash、moment.js、缺少代码分割)、Server Actions(缺少鉴权、未用 after() 而阻塞)、无障碍(缺少 prefers-reduced-motion)和死代码(未使用文件、导出、类型)。资料中的分类为代表性示例,并非权威或完整规则列表。评分为 75+ 很好,50-74 待改进,0-49 严重。

使用方式:在项目根目录运行命令并捕获完整输出。

npx -y react-doctor@latest . --verbose

资料注明刻意使用 @latest 以运行最新规则集。建议工作流:先在项目根目录运行并记录完整输出;修补前逐条核验诊断,对照实际运行时行为、项目约定和框架约束;从最高严重级别开始修复已验证的问题;重新运行确认诊断列表减少;再运行项目检查(lint、测试、类型检查/构建等)确保没有回归。

限制:资料未提供定价、平台支持范围、完整规则清单、配置项或忽略规则方式,这些暂未提供。