React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

Use React Developer Tools to inspect React components, edit props and state, and identify performance problems.

Use react-devtools outside of the browser. Latest version: 7.0.1, last published: 5 months ago. Start using react-devtools in your project by running `npm i react-devtools`. There are 38 other projects in the npm registry using react-devtools.

An extension that allows inspection of React component hierarchy in the Chrome and Firefox Developer Tools. - facebook/react-devtools

February 20, 2026 - React Native DevTools is our built-in debugger for React Native.

May 21, 2018 - React Developer Tools (Devtools for short) is a browser extension for Chrome and Firefox that provides an extra set of React-specific inspection widgets to assist you with development.

June 21, 2024 - While React Developer Tools offers comprehensive debugging for React and React Native applications, it extends its capabilities further through integrations with other tools like Redux DevTools and does not currently support mobile browsers.

June 4, 2024 - In this tutorial, I’ll highlight the notable features and demonstrate ways you can use its features to better debug your React apps productively. Every modern web browser offers an inbuilt developer tools solution for developers to inspect and fix bugs in web apps. For example, you can add breakpoints and use the console to debug any JavaScript-based app. Also, you can inspect native DOM elements and attributes easily with the browser’s DevTools.

# Checkout the extension source git clone https://github.com/facebook/react-devtools cd react-devtools # Checkout the previous release branch git checkout v3 # Install dependencies and build the unpacked extension yarn install yarn build:extension # Follow the on-screen instructions to complete installation

September 10, 2018 - The commit phase is when React applies any changes. (In the case of React DOM, this is when React inserts, updates, and removes DOM nodes.) React also calls lifecycles like componentDidMount and componentDidUpdate during this phase. The DevTools profiler groups performance info by commit.

April 21, 2025 - This tool is essential for React developers as it provides an easy way to debug React applications and identify problems.The tool is a browser extension for Chrome, Firefox, and Edge and can be installed from the respective browser’s extension ...

December 6, 2024 - With the React Devtools extension, developers can easily inspect and manipulate the state and props of components, analyze component hierarchies, and track component updates in real-time.

September 30, 2025 - React DevTools helps you debug and profile React component rendering in your Vega apps.

React Developer Tools are debugging tools for the open-source React library. It allows you to inspect the React component hierarchies in Chrome's Developer Tools. Because Finsemble's UI components are built using React, the React DevTools can be very helpful while debugging Finsemble.

October 25, 2025 - React Developer Tools for Chrome, free and safe download. React Developer Tools latest version: React Developer Tools - New Tab Extension For Chrome.

November 26, 2025 - If your app uses custom hooks, DevTools reveals their internal state, making debugging modular logic more straightforward. ... Use consistent naming conventions for components. Combine React DevTools with tools like Redux DevTools for state management debugging.

The tool is a browser extension for Chrome, Firefox, and Edge and can be installed from the respective browser’s extension store. Once installed, the React DevTools extension adds a new tab to the browser’s developer tools panel.

February 7, 2025 - 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.