Adds React debugging tools to the Chrome Developer Tools. Created from revision c7c68ef842 on 10/15/2024.
React Developer Tools Extension
You will get two new tabs in your Chrome DevTools: \"Components ⚛\" and \"Profiler ⚛\".
The Components tab shows you the root React components that were rendered on the page, as well as the subcomponents that they ended up rendering.
By selecting one of the components in the tree, you can inspect and edit its current props and state in the panel on the right. In the breadcrumbs you can inspect the selected component, the component that created it, the component that created that one, and so on.
If you inspect a React element on the page using the regular Elements tab, then switch over to the React tab, that element will be automatically selected in the React tree.
The Profiler tab allows you to record performance information.
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.
Source Manifest.json
Similar Extensions
Redux DevTools 5,000,000+ 726 ★ 1.2MiB
React Context DevTool 5,000,000+ 21 ★ 2.35MiB
JSON Formatter 5,000,000+ 1859 ★ 19.86KiB
Vue.js devtools 5,000,000+ 2131 ★ 2.57MiB
Testing Playground 5,000,000+ 60 ★ 646KiB
GraphQL Network Inspector 5,000,000+ 123 ★ 8.34MiB
GraphQL developer tools 5,000,000+ 24 ★ 98.19KiB
LocatorJS 5,000,000+ 64 ★ 190KiB
OctoLinker 5,000,000+ 110 ★ 184KiB
Angular state inspector 5,000,000+ 64 ★ 36.35KiB
MobX Developer Tools 5,000,000+ 51 ★ 682KiB
daily.dev | The homepage developers deserve 5,000,000+ 2460 ★ 2.28MiB
Node.js V8 --inspector Manager (NiMV3) 5,000,000+ 97 ★ 582KiB
Apollo Client Devtools 5,000,000+ 266 ★ 490KiB
Allow CORS: Access-Control-Allow-Origin 5,000,000+ 279 ★ 78.31KiB
Moesif Origin/CORS Changer & API Logger 5,000,000+ 191 ★ 823KiB
JSON Viewer 5,000,000+ 1082 ★ 310KiB
Angular DevTools 5,000,000+ 159 ★ 3.2MiB
Ember Inspector 5,000,000+ 345 ★ 3.49MiB
Vue.js devtools (beta) 5,000,000+ 149 ★ 2.54MiB
Altair GraphQL Client 5,000,000+ 68 ★ 6.78MiB
JSON Viewer Pro 5,000,000+ 137 ★ 349KiB
Hoppscotch Browser Extension 5,000,000+ 35 ★ 453KiB
LiveReload 5,000,000+ 808 ★ 60.78KiB
User reviews
Matías Bubello (Matt) (ID: 000000d9470e47ab) Voted 1 ★ - Updated 11/22/2023
\&.! (ID: 000000cbf5eb4af7) Voted 4 ★ - Updated 11/13/2023
man wang (ID: 000000f41dd578dd) Voted 2 ★ - Updated 11/07/2023
Ridian Putra (ID: 000000b07f723746) Voted 1 ★ - Updated 11/04/2023
Denys Galkin (ID: 00000036e3570c65) Voted 1 ★ - Updated 10/16/2023