用途:React Doctor 用于诊断并修复 React 代码库的健康问题,扫描安全、性能、正确性与架构四类隐患,并输出 0-100 的评分与逐条可操作诊断。
主要能力:内置 47+ 条规则,覆盖多个方面——安全(客户端打包中硬编码的密钥、eval());状态与副作用(useEffect 中的派生状态、缺少清理、从 props 初始化 useState、级联 setState);架构(组件内定义组件、超大组件、内联渲染函数);性能(动画使用布局属性、transition-all、过大的 blur 值);正确性(用数组索引作 key、条件渲染缺陷);Next.js(缺失 metadata、对服务端数据做客户端抓取、异步客户端组件);包体积(barrel 导入、完整引入 lodash、moment.js、缺少代码分割);服务端(server action 缺少鉴权、未用 after() 的阻塞);无障碍(缺少 prefers-reduced-motion);死代码(未使用的文件、导出、类型)。
使用方式:在项目根目录运行 npx -y react-doctor@latest . --verbose。随后逐条阅读带有文件路径和行号的诊断,按严重程度从错误开始修复,最后重新运行以验证评分是否提升。
评分含义:75 分以上为优秀;50-74 分需改进;0-49 分为严重。
限制:资料未提供具体的收费、价格、支持平台或性能提升幅度的信息。