Extension WorkshopDeveloper HubDownload FirefoxRegister or 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.

Only with Firefox—Get Firefox Now
Download file
122,376
Users
207
Reviews
4.7 Stars
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.
Rate your experience
How are you enjoying React Developer Tools?

Star rating saved

Report this add-on for abuse

If you think this add-on violates Mozilla's add-on policies or has security or privacy issues, please report these issues to Mozilla using this form.

Please don't use this form to report bugs or request add-on features; this report will be sent to Mozilla and not to the add-on developer.

Permissions

This add-on needs to:

  • Input data to the clipboard
  • Extend developer tools to access your data in open tabs
  • Access your data for all websites
Learn more about permissions
More information
Add-on Links
Version
4.9.0
Size
1.62 MB
Last updated
2 days ago (Oct 19, 2020)
License
MIT/X11 License
Version History
Add to collection
Release notes for 4.9.0
#### Features
* Improved DevTools editing interface (@bvaughn - #19774)
* Add ⎇ + arrow key navigation (@bvaughn - #19741)
* Add checkbox toggle for boolean values (@mdaj06 - #19714)
* Show symbols used as keys in state (@omarsy - #19786)
* Add new (unstable) `SuspenseList` component type (@bpernick - #19684)

#### Bugfix
* Show proper icon/tooltip for restricted browser pages (@sktguha - #20023)
* Fix emoji character shown in Chrome developer tools panel (@bvaughn - #19603)
* Don't open two tabs in Firefox when clicking on troubleshooting instructions (@unbyte - #19632)
* Support inner component `_debugOwner` in memo (@bvaughn - #19556)
* Proxied methods should be safely dehydrated for display (@pfongkye))
* Property list values should show whitespace (@sammarks - #19640)
* Fix crash when inspecting document.all (@omarsy - #19619)
* Don't call generators during inspection since they may be stateful (@todortotev - #19831)
* Fix bad null check in DevTools highlight code (@bvaughn - #20010)
* Handled a missing suspense fiber when suspense is filtered on the profiler (@IDrissAitHafid)
* Fixed unfound node error when Suspense is filtered (@IDrissAitHafid - #20019)
* Always overrides the dispatcher when shallow rendering (@bvaughn - #20011)
* Frevent phishing attacks (@iamwilson - #19934)

### Other
* Enable source maps for DevTools production builds (@jpribyl - #19773)
* Drop support for IE 11 (@bvaughn - #19875)
* Remove ReactJS.org version check "cheat" (@sktguha - #19939)
* Update outdated links and fix two broken links (@sktguha - #19985)
* Remove support for deprecated/unreleased React Flare event system (@trueadm - #19520)
More extensions by React