React Developer Tools

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.

What is React Developer Tools?
"React Developer Tools" is a Firefox extension specifically designed for developers working with React applications. It empowers users to delve into the React component tree, offering insights into component hierarchies, properties, and states directly within the browser’s developer tools. The add-on adds specialized tabs labeled '⚛️ Components' and '⚛️ Profiler' to facilitate a deep understanding and performance analysis of React components without compromising security, as it needs no data transmission to operate and is fully open-source. For developers seeking a powerful utility to debug and optimize their React projects, this extension proves to be an invaluable resource.
Merlin
Stats
By: React
Rating: 4.64 (343)
Version: 5.1.0 (Last updated: 2024-04-23)
Creation date: 2015-09-01
Weekly download count: 3,741
Firefox on Android: No
Risk impact: High risk impact
Risk likelihood: Moderate risk likelihood
Manifest version: 2
Permissions:
  • file:///*
  • http://*/*
  • https://*/*
  • clipboardWrite
  • scripting
  • devtools
Size: 2.54M
Stats date:

Chrome-Stats Rank

Other platforms

React Developer Tools
React Developer Tools (v5.1.0 (4/15/2024))
3.98 (1,514) 4,000,000
React Developer Tools
React Developer Tools (v5.1.0 (4/15/2024))
4.40 (60) 848,242
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.
Chrome-Stats extension
Merlin
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
by Wo, 2024-04-10

by Wo, 2024-04-10

I can't install the tools
by Jhony Arana, 2024-03-22
View all user 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.

Upgrade to see risk analysis details
Screenshots