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月15日2026年7月18日2026年7月21日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月15日2026年7月18日2026年7月21日Latest: 3.95
2026年7月15日2026年7月21日
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
Shavej Choudhary2023年12月12日
5

I think it is a very helpful extension. it's making react developers life easy. I am very happy after use it.

Version 5.0.0 (12/5/2023)Language en
6 helpful · 0 not helpful
Wonseok Kong2023年12月11日
2

정확한 원인은 모르겠으나 나이스페이 결제창 연동시 결제창 페이지가 노출되지 않는 경우와 관련 있습니다

Version 5.0.0 (12/5/2023)Language ko
胡庆2023年12月4日
3

装上这个插件后,页面不能滚动

Version 4.28.5 (10/25/2023)Language zh
1 helpful · 1 not helpful
Md. Naim Howlader2023年12月4日
5

Very Very helpfull extention for react developer

Version 4.28.5 (10/25/2023)Language en
6 helpful · 1 not helpful
Gaurang Tandon2023年11月21日
1

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.

Version 4.28.5 (10/25/2023)Language en
14 helpful · 3 not helpful
Brian Ruff2023年11月16日
5

This tool has been a life saver for many developers creating React applications.

Version 4.28.5 (10/25/2023)Language en
3 helpful · 1 not helpful
Dmitry2023年11月14日
5

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

Version 4.28.5 (10/25/2023)Language en
28 helpful · 1 not helpful
Rene Huanca2023年11月13日
1

no funciona

Version 4.28.5 (10/25/2023)Language es
9 helpful · 4 not helpful
[\]&.!2023年11月13日
4

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.

Language en
2 helpful · 1 not helpful
Fatima Aminubaba2023年11月10日
5

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

Version 4.28.5 (10/25/2023)Language en
2 helpful · 0 not helpful