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 Firefox extension designed for developers working with React applications. It integrates directly into the Firefox developer tools, providing a dedicated 'Components' and 'Profiler' tab that lets users examine the component hierarchy, inspect props, state, and context, and analyze the performance of React components. By offering insights into the structure and behavior of React apps without leaving the browser, it's an essential tool for debugging and optimizing React code. The extension is open-source, ensuring transparency and community contribution.
Manifest V2
By: React
Daily users: 188,099
Rating: 4.63
(344)
Version: 5.1.0 (Last updated: 2024-04-23)
Creation date: 2015-09-01
Weekly download count: 3,336
Firefox on Android: No
Permissions:
  • file:///*
  • http://*/*
  • https://*/*
  • clipboardWrite
  • scripting
  • devtools
Size: 2.54M
Full description: See detailed description
Updated: a year ago

User reviews

Works nice but my local React app complains "Warning: Extra attributes from the server: data-locale". Disabling this plugin gets rid of the error message in the console.

by Wo, 2024-04-10

by Wo, 2024-04-10
View all user reviews

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 impact analysis details
  • Critical Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
  • High ******* ******* **** *** ****** ***** *** ***** ** ******* **** ********* ********* ** * *********** *****
  • High ****** ******* *** ********* ********* ******** ***** *** ** ********** ****** * ******** ******* *****
  • Medium ****** ** ********* ****** ********* *** **** ****** **** **** ** ******* ** ********** **** ***********
  • Low ******* ****** ** *** ********* ********
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

Similar add-ons

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

React Developer Tools React Developer Tools
React
194K 4.63 (370)
React Performance Devtool React Performance Devtool
Nitin Tulswani
215 4.50 (2)
React Context DevTool React Context DevTool
Deep Patel
1K 3.00 (9)
Web Component DevTools Web Component DevTools
Matsuuu
1K 5.00 (6)
Realize Realize
Realize for React
76 3.00 (2)
React Context DevTool React Context DevTool
Deep Patel
67 4.00 (2)
Preact Developer Tools Preact Developer Tools
Marvin Hagemeister
625 5.00 (3)
Angular DevTools Angular DevTools
Angular
10K 3.65 (23)
Redux DevTools Redux DevTools
timdorr
54K 4.67 (135)
Teaful DevTools Teaful DevTools
Aral Roca
1 0.00 (0)