Introducing the New React DevTools

about 3 years ago - Direct link

We are excited to announce a new release of the React Developer Tools, available today in Chrome, Firefox, and (Chromium) Edge!



What’s changed?


A lot has changed in version 4!
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.













Visit the interactive tutorial to try out the new version or see the changelog for demo videos and more details.



Which versions of React are supported?


react-dom




  • 0-...


Go to article →

Links in this thread

#whats-changed


/static/9552e88d7605ef4e547af89096a9225d/cd138/devtools-v4-screenshot.png


React DevTools tutorial


facebook/react
A declarative, efficient, and flexible JavaScript library for building user interfaces. - facebook/react


#which-versions-of-react-are-supported


#how-do-i-get-the-new-devtools


React Developer Tools
Adds React debugging tools to the Chrome Developer Tools. Created from revision fed4ae024 on 7/15/2020.


React Developer Tools – Get this Extension for 🦊 Firefox (en-US)
Download React Developer Tools for Firefox. React Developer Tools is a tool that allows you to inspect a React tree, including the component hierarchy, props, state, and more. To get started, just open the Firefox devtools and switch to the "⚛️ Components" or "⚛️ Profiler" tab.


react-devtools
Use react-devtools outside of the browser


#where-did-all-of-the-dom-elements-go


#how-do-i-get-the-old-version-back


#thank-you


Build software better, together
GitHub is where people build software. More than 50 million people use GitHub to discover, fork, and contribute to over 100 million projects.


https://twitter.com/reactjs