Log in
Preview of React Developer Tools

React Developer Tools by React

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.

4.6 (374 reviews)
179,574 Users
You'll need Firefox to use this extension
Download Firefox and get the extension
Download file
Screenshots
Shows the DevTools UI with an example TODO List app.
About this extension
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.
Rated 4.6 by 374 reviewers

Star rating saved

5
301
4
42
3
10
2
3
1
18
Permissions and dataLearn more

Required permissions:

  • Input data to the clipboard
  • Extend developer tools to access your data in open tabs
  • Access browser tabs
  • Access your data for all web sites

Optional permissions:

  • Access your data for all web sites
More information
Add-on Links
Version
6.1.1
Size
1.59 MB
Last updated
6 months ago (7 Feb 2025)
Related Categories
Version History
Add to collection
Report this add-on
Release notes for 6.1.1
  • DevTools: refactor NativeStyleEditor, don't use custom cache implementation (hoxyq in #32298)
  • DevTools: fix host component filter option title (hoxyq in #32296)
  • chore[DevTools]: make clipboardWrite optional for chromium (hoxyq in #32262)
More extensions by React