Show HN: React Trace – Development-time visual inspector for React components

  • Posted 4 hours ago by buzinas
  • 1 points
https://react-trace.js.org/
React Trace is an open-source (MIT) devtool for React apps. You add one component during development, then hover any element to see which component rendered it, inspect props, and take actions on the source code.

Actions include: copying the file:line path, opening the file in your local editor (VS Code, Cursor, Windsurf, WebStorm, IntelliJ), previewing / editing the source in a Monaco editor directly in the browser, and adding review comments that can be sent to an AI agent (copy & paste or native integration with OpenCode).

It runs entirely client-side using source maps to resolve file locations. The plugin system is designed so you can build custom actions. In production, conditional exports swap everything for no-ops at zero cost.

Site: https://react-trace.js.org Source: https://github.com/buzinas/react-trace

0 comments