Overview
React-Map is a Chrome DevTools extension that helps you understand React app structure faster by turning the Fiber tree into an…
React-Map is a Chrome DevTools extension that helps you understand React app structure faster by turning the Fiber tree into an interactive component map. Built for debugging and architecture exploration, React-Map shows your component hierarchy in real time whenever React commits updates, so you can quickly see how components are connected. Key features: * Real-time React component tree visualization in a dedicated DevTools panel. * Search and jump to specific components. * Pin a component to keep it tracked across updates. * Live inspection of pinned component state and props. * Tree filters to hide DOM, Router, or Redux-related nodes. * Layout controls for orientation and node spacing. How it works: React-Map reads data from the React DevTools global hook and renders it as a visual hierarchy. It is designed for local React debugging workflows and currently targets localhost environments. Requirements: * React Developer Tools must be installed and enabled for React-Map to work. Privacy: All processing happens locally in your browser DevTools context. React-Map does not require an account and does not send your component tree to external servers. This extension requires permissions to access the page's React tree, but it does not transmit any data remotely. It is fully open source, and you can find its source code at https://github.com/AchmadAkif/react-map.
Details
- Version1.0.0-beta.1
- UpdatedMay 17, 2026
- Offered byachmadakif
- Size321KiB
- LanguagesEnglish
- Developer
Email
achmadakif7@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
Support
For help with questions, suggestions, or problems, visit the developer's support site
