Stable signalUnknownHigh-risk permissions
React Developer Tools icon

React Developer Tools

Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.

Users5MCurrent public install base
Rating4.0Store average score
Reviews1,634Public review volume
Manifest versionV3Extension platform version
7-day growth0Net users gained this week
7-day growth rate0%Relative weekly velocity
Preview

React Developer Tools Media preview

1 assets
Trend

User growth trend

Review user movement across collected snapshots.

User Growth Over Time

5M5M5M5M5M2026年7月14日2026年7月17日2026年7月20日Latest: 5M
Rating trend

7-day rating trend

View collected rating snapshots from the latest 7-day window to assess rating stability.

7-day rating change

Start
3.95
Latest
3.95
7-day rating change
0.00
3.853.903.954.004.052026年7月14日2026年7月17日2026年7月20日Latest: 3.95
2026年7月14日2026年7月20日
Growth overview

Daily, weekly, and monthly growth

Compare 1-day, 7-day, and 30-day net growth and growth rate.

1-day growthFlat
00%
7-day growthFlat
00%
30-day growthFlat
00%
Technical snapshot

Version, languages, and crawl freshness

Review publication date, version, supported languages, and crawl timestamps.

Version7.0.1 (10/20/2025)
ManifestV3
Size789KiB
Languages1English
Published
Store updated
Last crawled
English
Overview

Product summary

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.

Reviews

Recent review snapshot

Inspect the latest comments and rating distribution.

Store average score4.0Chrome Web Store aggregate rating, including ratings without synced review text
Synced text average3.3Average computed only from synced review bodies below
Reviews with text744Synced review bodies
Total ratings / reviews1,634Chrome Web Store public rating/review count

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.

5
301
4
99
3
76
2
64
1
204
Jay Diz2015年8月29日
5

Perfect

Language en
lyseky wu2015年8月13日
3

很好

Language zh
Jono Guthrie2015年8月11日
5

Love being able to drill down through the react objects!

Language en
小神经2015年8月8日
5

真是个好东西啊

Language zh
Anonymous user2015年8月3日
1

React developer tab is always white!

Language en
1 helpful · 0 not helpful
Alex Barry2015年7月28日
3

It's alright, but I have a single gripe that should be easy to fix. I'm developing a larger app that has some very deep nesting, and it's an incredible pain to open each component to inspect the props and/or state; can we get a button (or just a default) completely expanded tree? Otherwise, this is fine for smaller and non-deep nested apps.

Language en
Richard Wigley2015年7月21日
5

Extension 'Allow access to file urls' needs to be checked before you can use it! Also check github where this project is developed.

Language en
Corbin Dahl2015年7月20日
4

Very helpful tool. There are times when the tab isnt visible in my console but usually works great

Language en
kyle holzinger2015年7月17日
4

Pretty useful tool! Found a bug though, if you mouse over an element and then close devtools using the keyboard shortcut, it closes the devtools window but doesn't remove the highlight around that element. Not sure if this is intentional.

Language en
Jordan West2015年7月14日
5

It seems that you need to check "allow access to file URLs", even to get it to show up on normal (non-file) URLs

Language en
1 helpful · 0 not helpful