React Developer Tools

Adds React debugging tools to the Chrome Developer Tools.
Created from revision e28a0db22 on 1/24/2022.

How to use React Developer Tools

XWuZGqIrIsaoKHUqqQ2rs_GhS5JaH1p5pPBIUpj22mjNRNdR3Ana8FKz4B7JwsA6HIFVXGuU7pa4ELiW6iUNhs0Iygw640-h400-e365-rj-sc0x00ffffff.jpeg

React Developer Tools Extension Details

Contact Developer

Submit your comment for React Developer Tools

Recent React Developer Tools Extension Reviews

More details about React Developer Tools

Features:



  • React Developer Tools is an extension to Chrome Dev Tools for the React JavaScript Library. This extension allows you to view the React component hierarchies using the Chrome Developer Tools.
  • The Components tab displays the root React components rendered on the page as well as their subcomponents.

  • You can edit the state and props of any component in the tree by selecting it. You can view the breadcrumbs to see the component you have selected as well as the one that created it.

  • You can inspect React elements on the page by switching to the React tab and then the regular Elements tab. The element will then be selected in the React tree.

  • You can record performance information using the Profiler tab.

  • This extension requires permissions in order to access the React tree of the page but it doesn't transmit any data remotely. It is completely open-source.

4.1/5.0

Recently Updated Extensions

Recently Added Extensions