Developer tools

React Developer Tools

Inspect React components, props, and performance.

ChromeFirefox
Illustrated overview of React Developer Tools
Illustrated overview by Pearto

About this extension

Adds React inspection tools to your browser developer tools. React documentation provides the official Chrome and Firefox installation links.

Explore a React application through its component tree rather than only its HTML. The extension adds dedicated panels to browser developer tools for inspection and profiling.

Key features

  • Inspect component trees
  • Review props and state
  • Profile React rendering

How to install

  1. Select Get extension to open the official project or publisher page.
  2. Choose the listing for your browser and add the extension.
  3. Open a React application, open browser developer tools and select the React panels.

Requirements

Desktop Chrome or Firefox.

Good to know

The extra panels appear on pages that use React. Profiling support depends on the application build.

← Back to extensions