React Developer Tools is a tool that allows you to inspect a React tree, including the component hierarchy, props, state, and more. To get started, just open the Firefox devtools and switch to the "⚛️ Components" or "⚛️ Profiler" tab.
React Developer Tools - Firefox Add-on for React Devs
React Developer Tools is a Firefox extension that gives developers the ability to inspect the React tree within their webpages, including aspects such as the component hierarchy, props, state, and more. The tool respects user privacy as it requires permissions to access the page's React tree, yet it transmits no data remotely. It is also fully open-source, with its code base available for perusal and contribution.
Add-on stats
Weekly download count: 2,913
Firefox on Android: No
Risk impact: High risk impact
Risk likelihood:
Manifest version: 3
Permissions:
Host permissions:
Size: 1.66M
Ranking
# 99
Other platforms
React Developer Tools
4,000,000
Not available on Android
React Developer Tools
824,280
Want to check extension ranking and stats more quickly for other Firefox add-ons?
Install
Chrome-Stats extension
to view Firefox-Stats data as you browse the Firefox Browser Add-ons.
Add-on summary
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/facebook/react/tree/master/packages/react-devtools-extensions.
User reviews
Pros
- Well implemented.
- Works nice
Cons
- Causes high background RAM occupation.
- High CPU usage on some pages.
- Memory leak issues.
Most mentioned
- Background RAM issues
- High CPU usage
- Implementation concerns
User reviews
I am excited to see how this helps me in the future!
Add-on safety
Risk impact
React Developer Tools requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.
Risk likelihood
React Developer Tools has earned a fairly good reputation and likely can be trusted.
Upgrade to see risk analysis details