React Doctor 这个代码检测工具和 Codex 的 Goal 简直是绝配!
今天用一条命令跑了 2 小时,直接干掉了 300 个代码质量与性能隐患,最后拿到了 100 分满分的健康分数,成就感满满。
顺便安利一下天才少年 Aiden Bai 和他打造的三个 React 质量与性能神器。他 16 岁独立开发 Million.js;18 岁带队入选 Y Combinator,为公司融资 1410 万美元。如今他做的这三款工具,刚好串联起了 AI 时代人机协同的完美闭环:
1. React Scan:浏览器里直接跑,哪个组件在重复渲染就用彩色边框高亮+闪烁,一眼就能看到性能浪费在哪。。
2. React Grab:网页上按 Cmd/Ctrl+C 点元素,直接复制出对应代码的文件路径、行号和组件栈,扔给 AI 让它精准修改。
3. React Doctor:专门扫描 AI 写出来的 React 代码问题(state、effect、性能、架构等),然后给项目打一个 0-100 的健康分数。能直接集成到 Codex、Cursor、Claude Code 里,或接入 CI 里自动运行。
现在最好的用法是直接在 Codex 里输入这条 Goal 指令:
/goal run "npx react-doctor
@latest" and fix issues until you get a score of 100. do it properly without taking any shortcuts.
让它自己跑、自己修、自己验证,直到 100 分。