Redux DevTools
Redux DevTools for debugging application's state changes.
Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.
Review user movement across collected snapshots.
View collected rating snapshots from the latest 7-day window to assess rating stability.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
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.
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.
Inspect the latest comments and rating distribution.
Store average score: 4.0. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Review related products from the Chrome Web Store detail page.
Redux DevTools for debugging application's state changes.
Devtool for React Context and useReducer
Makes JSON easy to read
Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.
DevTools browser extension for Vue.js
Simple and clean network inspector for GraphQL
react developer tools在浏览器右上角的图标为什么不管我打开什么网页都会亮,甚至一个demo.html 很纳闷 今天突然出现的情况
çalışmıyor
启用该插件时,双击文字会控制台会出现这个错误:Error handling response: TypeError: Cannot read properties of undefined (reading 'left')
Doesn't work after last release
Na chromie nie działa od pół roku....
Hi, So I struggled with this same issue for about 30 minutes before figuring it out. I am using the latest Chrome browser too and the latest React developer tools. **You will only see the components when you are browsing a website or page built with React technology.** So for instance, when I am on the Google homepage, I will not see React components button on my dev tools but when I am on the Facebook or React homepage or any other page build with react, I will see the Component and the Profiler buttons in dev tools. The extension button you have on your browser extension bar is just to tell you whether or not the website you are on uses react. I hope this helps. Happy coding. @AnatuGreen
I' impressed
Essa ultima atualização deixou inutilizável. Cheio de bugs e faltam features.
很好用
I am using Macbook M1 Air, for some components I am getting a weird issue, the components panel of the devtools on focusing on certain components shows loading (in the pane where state and props are shown) but it never gets loaded no matter how much you wait for