zthxxx/react-dev-inspector
jump to local IDE code directly from browser React component by just a simple click observed · 2026-08-28
Health v2 · maintenance only
67/100
- Activity 78
- Release rhythm 35
- Longevity 100
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 2176
- days_rel: n/a
- days_push: 135
- n_releases_24m: 0
Adoption not part of the score
1318 stars · 78 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
react-dev-inspector is a React library that lets developers click a component in the browser to jump directly to its source code in their local IDE. It combines a compiler plugin, an <Inspector/> component, and a dev-server middleware to bridge browser inspection and editor navigation.
Use cases
- jump from a React component in the browser to its source code in VS Code
- find where a page or component is implemented in an unfamiliar codebase
- click an element on a page to open the file in WebStorm or Neovim
- integrate click-to-source navigation into a Vite or Next.js dev server
- explore an open-source React project without hunting through file paths
When to choose
- you develop React apps with Vite, Next.js, Webpack, Rspack, or UmiJS and want click-to-source navigation
- you frequently need to locate component code in large or unfamiliar React codebases
- you want a Chrome-DevTools-like inspector that opens files in your local editor
When to avoid
- your project is not built with React
- you need production-time inspection without any dev-server or middleware setup
- you cannot run a local dev server or editor launcher (e.g., purely static hosting without tooling)
Facets
library · maturity active
developer-tools middleware plugin-system ui-components frontend web-development developer-tools browser cross-platform react devtools code-navigation inspector vite-plugin webpack-plugin launch-editor react-fiber nodejs web-server
9 sources
- readme: https://github.com/zthxxx/react-dev-inspector · fetched 2026-08-28 · 365af932be10
- homepage: https://react-dev-inspector.zthxxx.me · fetched 2026-08-29 · a079845f14ea
- site_page: https://react-dev-inspector.zthxxx.me/docs · fetched 2026-08-29 · d1d80fc99599
- site_page: https://react-dev-inspector.zthxxx.me/docs/integration/vite · fetched 2026-08-29 · 8794dc42a61f
- site_page: https://react-dev-inspector.zthxxx.me/docs/integration/nextjs · fetched 2026-08-29 · 6cad0c1bbadd
- site_page: https://react-dev-inspector.zthxxx.me/docs/integration/webpack · fetched 2026-08-29 · 5b1e65750668
- site_page: https://react-dev-inspector.zthxxx.me/docs/integration/rspack · fetched 2026-08-29 · db11f84d6879
- site_page: https://react-dev-inspector.zthxxx.me/docs/integration/umijs · fetched 2026-08-29 · bd28f28f1c21
- site_page: https://react-dev-inspector.zthxxx.me/docs/editor-settings · fetched 2026-08-29 · 92b06c866c8a
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| zthxxx/react-dev-inspector | main | 67 |
For agents
markdown · JSON · MCP: product_card(name="zthxxx/react-dev-inspector")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem