React DevTools 4.0

Version 4 of the React DevTools have been released, with a lot of improvements.

At a high level, this new version should offer significant performance gains and an improved navigation experience. It also offers full support for React Hooks, including inspecting nested objects.

The release notes hold a detailed list of changes, with example gifs. Furthermore there’s an interactive React DevTools tutorial showing you a few of the basics.

ℹ️ If you’re interested in some more behind the scenes, be sure to follow @brian_d_vaughn on Twitter. He’s been working on it the past few months.

React DevTools 4.0.0 supports react-dom 15.x and up, and react-native 0.62 and up.

React DevTools 4.0.0 Changelog →
Interactive React DevTools Tutorial →
React DevTools extension for Google Chrome →
React DevTools extension for Mozilla Firefox →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.