,
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:
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: github.com/facebook/react…
@brian_d_vaughn There’s one more thing. 🌙
