Profile picture
, 11 tweets, 6 min read Read on Twitter
Today we’re releasing a brand new version of React DevTools, rewritten from scratch for new features and better performance. Read all about it in the new blog post by @brian_d_vaughn!
@brian_d_vaughn Heads up: v4.0.0 and v4.0.1 requested too broad permissions due to our mistake. We’ve uploaded v4.0.2 with a fix to both Chrome and Firefox stores. If you're still affected, please delete and reinstall the extension.
@brian_d_vaughn Good morning, Europe! In case you missed it last night, we published a new version of React DevTools. We kept the blog post short, but here’s a few notable improvements.

1. You can finally see, expand, and edit the state inside React Hooks:
@brian_d_vaughn 2. Even very deep trees are now possible to navigate fast thanks to dynamically adjusted indentation. This should help in larger apps!
@brian_d_vaughn 3. Higher order components like connect() now display a special badge instead of names like connect(Button). This should help visually clean up the tree if you don’t use Hooks yet.
@brian_d_vaughn 4. The new “rendered by” list helps you answer “Which component gave these props to me?” without checking every intermediate parent. This will help you quickly find the component responsible for incorrect rendering.
@brian_d_vaughn 5. By popular demand, the Profiler can now answer why some component has rendered.
@brian_d_vaughn 6. Distracted by seeing all those context consumers? You can now hide some components in the tree (including context providers and consumers) until you need them.
@brian_d_vaughn 7. Finally, if you reload the page, DevTools will now try its best to restore your previous position in the tree and your selection. Even if those components load asynchronously!
@brian_d_vaughn We’re thankful to all beta testers over the past few months. As always, feedback in issues and here is appreciated. You can find the full list of improvements in the changelog:…
@brian_d_vaughn There’s one more thing. 🌙
Missing some Tweet in this thread?
You can try to force a refresh.

Like this thread? Get email updates or save it to PDF!

Subscribe to React
Profile picture

Get real-time email alerts when new unrolls are available from this author!

This content may be removed anytime!

Twitter may remove this content at anytime, convert it as a PDF, save and print for later use!

Try unrolling a thread yourself!

how to unroll video

1) Follow Thread Reader App on Twitter so you can easily mention us!

2) Go to a Twitter thread (series of Tweets by the same owner) and mention us with a keyword "unroll" @threadreaderapp unroll

You can practice here first or read more on our help page!

Follow Us on Twitter!

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just three indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!