Overview of React Dev Tooling tools
mainThe default React development stack consists of three tools:
| Tool | Function | Benefit |
|---|---|---|
| react-grab | Copies UI element source location, nearby code, and component stack to clipboard via Cmd/Ctrl+C. | Reduces agent edit time by providing actual source coordinates. |
| react-scan | Visually highlights component renders and detects unnecessary re-renders. | Catches re-render regressions immediately. |
| react-doctor | Static scanner for React anti-patterns (state, effects, perf, a11y, etc.). | Provides deterministic audits and installs agent skills for tools like Cursor or Codex. |
All tools are strictly for development environments.