We are excited to announce a new release of the React Developer Tools, available today in Chrome, Firefox, and (Chromium) Edge!
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.
14.x: Not supported
15.x: Supported (except for the new component filters feature)
0.61.x: Not supported
If you use the standalone shell (e.g. in React Native or Safari), you can install the new version from NPM:
npm install -g [email protected]^4
The new DevTools provides a way to filter components from the tree to make it easier to navigate deeply nested hierarchies.
Host nodes (e.g. HTML
<div>, React Native
<View>) are hidden by default, but this filter can be disabled:
If you are working with React Native version 60 (or older) you can install the previous release of DevTools from NPM:
npm install --dev [email protected]^3
For older versions of React DOM (v0.14 or earlier) you will need to build the extension from source:
git clone https://github.com/facebook/react-devtools cd react-devtools git checkout v3 yarn install yarn build:extension
We’d like to thank everyone who tested the early release of DevTools version 4.
Your feedback helped improve this initial release significantly.