React DevTools

May 28th, 2018 — 1 min read

by Aron Visuals
by Aron Visuals
No translations available.Add translation

This last week I had someone criticize using React component state because:

there are no browser dev tools for inspecting component state

Maybe this person just forgot about the official React DevTools browser extension, maybe they didn't know about it. Whatever the case may be, it made me realize that some people probably don't know about the browser extension, so I thought I'd share it with you.

After considering it a bit, I decided that it would be easiest to share this with you all via a quick (8 minute) video demo of the extension so here you have it (the gif is a summary preview...)!

Use React DevTools:

gif of react devtools demo

Note that this video is dated and the modern DevTools are EVEN BETTER. Learn more:

Watch "Install and use React DevTools" on egghead.io (part of The Beginner's Guide to ReactJS)

Good luck!

Epic React

Get Really Good at React

Illustration of a Rocket
Kent C. Dodds
Written by Kent C. Dodds

Kent C. Dodds is a JavaScript software engineer and teacher. Kent's taught hundreds of thousands of people how to make the world a better place with quality software development tools and practices. He lives with his wife and four kids in Utah.

Learn more about Kent

Want to learn more?

Join Kent in a live workshop

If you found this article helpful.

You will love these ones as well.