git404hub

what is react-devtools fr?

gaearon/react-devtools — explained in plain English

Analysis updated 2026-07-17 · repo last pushed 2018-03-24

★ 8JavaScriptAudience · developerComplexity · 2/5DormantSetup · easy

tl;dr

A browser extension that lets you inspect React app components, their props and state, and how they change in real time.

vibe map

mindmap
  root((repo))
    What it does
      Adds React devtools tab
      Shows component tree
      Displays props and state
    Tech stack
      JavaScript
      Chrome extension
      Firefox extension
    Use cases
      Debug broken components
      Inspect live state
      Highlight stateful components
    Audience
      React developers
      Frontend developers
    Features
      Search components
      View source code
      Store as console variable

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Inspect a React app's component tree to see props and state while debugging.

VIBE 2

Highlight stateful components in red to quickly spot where data lives.

VIBE 3

Click a component in the tree to highlight it directly on the page.

VIBE 4

Right-click a component to view its source or store it as a console variable for testing.

what's the stack?

JavaScriptChromeFirefox

how it stacks up fr

gaearon/react-devtoolsadguardteam/recoveryadm1nsys/safari-ai-extension
Stars888
LanguageJavaScriptJavaScriptJavaScript
Last pushed2018-03-242018-03-16—
MaintenanceDormantDormant—
Setup difficultyeasyeasyhard
Complexity2/52/52/5
Audiencedevelopergeneraldeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min

If the React tab doesn't appear, the extension usually can't detect React on the page.

prompts (copy fr)

prompt 1
Show me how to install React Developer Tools and use it to inspect my app's component tree.
prompt 2
Help me debug why a component's state isn't updating using this devtools extension.
prompt 3
Explain how to search for a specific component by name in React Developer Tools.
prompt 4
Walk me through why the React tab might not appear in devtools on my page.

Frequently asked questions

what is react-devtools fr?

A browser extension that lets you inspect React app components, their props and state, and how they change in real time.

What language is react-devtools written in?

Mainly JavaScript. The stack also includes JavaScript, Chrome, Firefox.

Is react-devtools actively maintained?

Dormant — no commits in 2+ years (last push 2018-03-24).

How hard is react-devtools to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is react-devtools for?

Mainly developer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.

similar repos, if this ain't it