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
I think it is a very helpful extension. it's making react developers life easy. I am very happy after use it.
정확한 원인은 모르겠으나 나이스페이 결제창 연동시 결제창 페이지가 노출되지 않는 경우와 관련 있습니다
装上这个插件后,页面不能滚动
Very Very helpfull extention for react developer
Been using it since a very long time because it's the official react devtools extension. It's always been a finicky extension. For example the Components tab never highlighted the correct component when using its element picker. Sometimes, it would lose the relevant element when switching between Elements panel and Components panel. It would always lose settings for persist hook memory (they fixed this after a while). And finally, today it has stopped working altogether - the extension popup doesn't open and the Component/Profiler tabs don't show in the devtools console. Removing extension/restarting Chrome nothing works.
This tool has been a life saver for many developers creating React applications.
If you can't see the extension, here's a workaround: open Dev Tools and click on the Preferences icon (it's next to the closed one. Or press F1 if you can't find it). In the Preferences tab, click on the "Restore defaults and reload" button (located at the bottom right). Please upvote this comment if it was helpful and visible to everyone
no funciona
For everyone experiencing issues with disappearing "tabs" and "profiler," and restarting the browser/system doesn't help. You need to go to Settings > Preferences > Restore Defaults and Reload. Then it'll work.
Hello, Just incase your find your 'react dev tools' not appearing, you might want to consider updating your chrome browser. You can do this by clicking the menu-icon by the top right edge of your browser. Click 'help' and Select 'About Google chrome'. You will be redirected to a new tab. You will see the version of your chrome here. Update to the latest version if it is not up to date. If it is, click the 'Relaunch' button and your problem will be solved. Hope this helps. Happy coding