WhoRenderedThis de Avinash
WhoRenderedThis is a developer tool that bridges the gap between what you see in the browser and the React code that rendered it.
Metadate extensie
Despre această extensie
How it works:
Simply hover over any element on a React-powered website, and an overlay instantly shows you the component name, file path, and line number where that element was created. Click to pin the overlay and explore the full component hierarchy — see parent components all the way up the tree, complete with their source locations.
Key features:
- Instant component identification — No more guessing which component rendered what
- Source location mapping — Jump directly to the source file and line number
- Parent chain exploration — Understand the component hierarchy at a glance
- Version-aware detection — Works with React 16, 17, 18, and 19+
- Lightweight & non-intrusive — Only activates when you need it
Perfect for:
- Debugging unfamiliar React codebases
- Understanding component boundaries in large applications
- Learning how other React apps are structured
- Quickly navigating to the right source file
Built for developers, by developers. Open source on GitHub.
Simply hover over any element on a React-powered website, and an overlay instantly shows you the component name, file path, and line number where that element was created. Click to pin the overlay and explore the full component hierarchy — see parent components all the way up the tree, complete with their source locations.
Key features:
- Instant component identification — No more guessing which component rendered what
- Source location mapping — Jump directly to the source file and line number
- Parent chain exploration — Understand the component hierarchy at a glance
- Version-aware detection — Works with React 16, 17, 18, and 19+
- Lightweight & non-intrusive — Only activates when you need it
Perfect for:
- Debugging unfamiliar React codebases
- Understanding component boundaries in large applications
- Learning how other React apps are structured
- Quickly navigating to the right source file
Built for developers, by developers. Open source on GitHub.
Evaluat cu 0 de către 0 recenzori
Permisiuni și date
Permisiuni necesare:
- Să îți acceseze datele pentru toate site-urile web
Colectare de date:
- Dezvoltatorul spune că extensia nu necesită colectarea de date.
Mai multe informații
- Linkurile suplimentului
- Versiune
- 0.2.0
- Mărime
- 104,66 KB
- Ultima actualizare
- 9 zile în urmă (14 feb. 2026)
- Categorii conexe
- Licență
- Licență MIT
- Istoricul versiunilor
- Adaugă în colecție