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.
What is React Developer Tools?
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
By: React
Creation date: 2015-09-01
Weekly download count: 3,185
Firefox on Android: No
Risk impact: High risk impact
Risk likelihood: Low risk likelihood
Manifest version: 3
Permissions:
Host permissions:
Size: 1.66M
Ranking
# 100
Want to check extension ranking and stats more quickly for other Firefox add-ons?
Install
Chrome-Stats extension
to view Chrome-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
- High background RAM usage
- CPU spikes to 100%
- Memory leak
Most mentioned
- High background RAM usage
- CPU spikes to 100%
- Memory leak
Recent 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