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 is a powerful Chrome extension designed for developers to inspect and debug React applications efficiently. It provides an intuitive interface to explore the React component tree, view component hierarchies, and examine props and state with ease. Simply open the browser's developer tools and navigate to the "⚛️ Components" or "⚛️ Profiler" tab to get detailed insights into your React app's structure and performance.

This extension requires permission to access the page's React tree but ensures complete privacy by not transmitting any data remotely. Being fully open source, developers can review or contribute to its source code at the official GitHub repository: https://github.com/facebook/react/tree/master/packages/react-devtools-extensions. It's an essential tool for React developers aiming to enhance debugging capabilities and application optimization.

By:
React
Daily users:
184,188+ -406
Rating:
4.63
(369)
Version:
6.0.0 Last updated: 2024-10-04
Version code:
5815712
Creation date:
2015-09-01
Risk:
High risk impact Low risk likelihood
Permissions:
  • scripting
  • storage
  • tabs
Host permissions:
  • <all_urls>
Size:
1.66M
Full description:
See detailed description ⏷
Source:
Firefox Browser Add-ons
Updated:
14 hours ago

User reviews

Users find React Developer Tools powerful, well-implemented, and promising for future use. However, some report high memory consumption on Linux and issues with the component backlight feature not working as expected.
Pros
  • Powerful and well-implemented tool
  • Promising and useful for future development
  • Provides component backlight feature
Cons
  • High background RAM usage (4GB) on Linux
  • Component backlight feature does not work reliably
Recent reviews
by Bergshimberg, 2025-04-30


View all user reviews ›

Extension safety

Risk impact

React Developer Tools requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.

Risk impact analysis details
  • Critical Grants access to browser tabs, which can be used to track user browsing habits and history, presenting a privacy concern.
  • Critical ****** ****** ** *** ********* ****** * *********** ******** **** ** ** *** ******* *** ****** **** **** *** ******* *****
  • High ******* ******* **** *** ****** ***** *** ***** ** ******* **** ********* ********* ** * *********** *****
  • Medium ****** ** ********* ****** ********* *** **** ****** **** **** ** ******* ** ********** **** ***********
Risk likelihood

React Developer Tools has earned a fairly good reputation and likely can be trusted.

Risk likelihood analysis details
  • Low This extension was updated more than 6 months ago. Older versions are more likely to be stable and safe.
  • Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
  • Low **** ********* *** **** **** ****** ******* ********** **** ****** ** ** ****** *** *****
  • Good **** ********* *** **** **** *******
Upgrade to see full risk analysis details

Compare add-ons

Similar add-ons

Here are some Firefox add-ons that are similar to React Developer Tools:

Popular extensions / apps

Here are some popular extensions / apps that you might be interested in: