React Developer Tools

Adds React debugging tools to the Chrome Developer Tools. Created from revision 44c3d3d665 on 2/7/2025.

React Developer Tools - Chrome Extension for Debugging

"React Developer Tools" is a Chrome DevTools extension designed for the open-source React JavaScript library. It enhances your development experience by allowing you to inspect React component hierarchies directly within Chrome DevTools. With two new tabs - 'Components ⚛' and 'Profiler ⚛', you can analyze rendered components, edit props and state, and record performance insights. Fully open-source, it ensures that no data is transmitted remotely, allowing you to develop with privacy in mind.

Download

Extension stats

By: Meta

Users: 4,000,000+

Rating: 3.96

(1,590)

1 ratings

Version: 6.1.1 (2/7/2025) (Last updated: 2025-02-10)

Version code: 6.1.1

Creation date: 2020-05-18

Permissions:

scripting
storage
tabs

Host permissions:

<all_urls>

Size: 1.65M

Email: ex*****@fb.com

Full description: See detailed description

Ranking

# 113 ▲ 25

Other rankings

#1616 in Developer Tools ▲ 3

#1 in developer tools keyword 60

#1 in tools keyword 67

#2 in developer keyword 63

#6 in component keyword 17

Upgrade to see more rankings

Other platforms

Not available on Android

Not available on Firefox

React Developer Tools (v6.1.1 (2/7/2025))

747,979+ 4.40

(56)

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Amazing tool for developers
Very useful for debugging
Helps beginners with React development
Makes debugging easy
Impressive tool overall

Cons

Copy and paste access raised concerns
Glitches and hangs on the profiler
Disappears from DevTools after use
Sometimes doesn't recognize React apps
Requires reopening the browser to function correctly

Most mentioned

Copy and paste access permissions
Profiler stops working or disappears
Tool becomes unresponsive or fails to recognize React apps
Glitchy behavior during operation
Requires browser reload to function properly

User reviews

Amazing Tool for Developers.

Mohammad Javad Rezaei, 2025-03-03

When next-intl is enabled and an incorrect translation key is used, it triggers an infinite loop of errors, such as: IntlError: MISSING_MESSAGE: Could not resolve 'title 123' in messages for locale 'en'. React Strict Mode disabled In a regular browser session, the console gets flooded with these errors, while in incognito mode, only two messages appear

Саша, 2025-02-02

What’s the deal with this required "copy and paste" permission? It states that the extension can modify any data I copy and paste. Am I missing something about why this is necessary to keep the extension enabled? Bizarre. Edit: I found more context about this in their repository if anyone is interested: https://github.com/facebook/react/pull/32077 https://github.com/facebook/react/issues/32244 https://github.com/facebook/react/pull/32262

Thaís Carvalho, 2025-01-29

View all user reviews

Extension safety

Risk impact

React Developer Tools requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.

Risk impact analysis details

Critical Grants access to browser tabs, which can be used to track user browsing habits and history, presenting a privacy concern.
Critical ****** ****** ** *** ********* ****** * *********** ******** **** ** ** *** ******* *** ****** **** **** *** ******* *****
High ******* ******* **** *** ****** ***** *** ***** ** ******* **** ********* ********* ** * *********** *****
Medium ****** ** ********* ****** ********* *** **** ****** **** **** ** ******* ** ********** **** ***********
Low ******* ****** ** *** ********* ********

Risk likelihood

We don't have sufficient data to confidently determine the risk likelihood of React Developer Tools. Use it at your own risk.

Risk likelihood analysis details

High This extension was recently updated in the past month. New updates may not be stable or safe.
Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
Low **** ********* *** **** **** ****** ******* ********** **** ****** ** ** ****** *** *****
Good **** ********* ** * ******** ********* ** ****** *** *****
Good **** ********* *** **** **** *******