![React Developer Tools](https://addons.mozilla.org/user-media/addon_icons/649/649896-64.png?modified=mcrushed)
React Developer Tools
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](https://addons.mozilla.org/user-media/previews/full/223/223659.png?modified=1622132412)
What is React Developer Tools?
Stats
- file:///*
- http://*/*
- https://*/*
- clipboardWrite
- scripting
- devtools
Chrome-Stats Rank
Other platforms
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
User reviews summary
Pros
- Helpful in React developments
- Useful for debugging React components
Cons
- High RAM and CPU usage
- Issues with functioning in some versions of Firefox
- Causes browser console spam
Most mentioned
- High RAM and CPU usage
- Issues with installation
- Helpful in React developments
Recent reviews
Safety
Risk impact
React Developer Tools is risky to use as it requires a number of sensitive permissions that can potentially harm your browser and steal your data. Exercise caution when installing this add-on. Review carefully before installing. We recommend that you only install React Developer Tools if you trust the publisher.
Risk likelihood
React Developer Tools is probably trust-worthy. Prefer other publishers if available. Exercise caution when installing this add-on.