React DevTools version 4.27 has been released! The browser extension is now using Manifest V3 as recommended by @googlechrome. The devtools now executes in a safer way, loads faster, and consumes less resource!
Release details: github.com/facebook/react/bl…
This version also comes with some improvements for developers using Server Components, an experimental feature introduced in React 18. If you want to try it out, @nextjs has built-in support (beta) for it nextjs.org/docs/advanced-fea…
React DevTools version 4.25.0 has been released and published to NPM and Chrome/Firefox/Edge. This release fixes a performance issue and adds component stacks to state updates in the Timeline Profiler.
Release details:
github.com/facebook/react/bl…
We are aware of a bug on Chrome v102 and later that causes the component tree in extension become unresponsive after scrolling. We are investigating the root cause and trying to find a solution. Details: github.com/facebook/react/is…
This is only effecting Chrome v102+. If you are still on an earlier version, a possible solution is to temporarily disable auto-upgrade. Otherwise, you can consider use Firefox for now, or use the standalone DevTools app github.com/facebook/react/tr…
We've released an update to NPM (4.24.3) as well as Chrome/Firefox Web Store (from 4.24.0 to 4.24.3). This update contains several recent bug fixes. As always, please let us know if you see anything unexpected 😃 github.com/facebook/react/bl…
We're so sad that @brian_d_vaughn is leaving the team. 😭
But all is not lost! Welcome @mengdi_en to the team! We're excited to have you onboard!
ReactDevTools retweeted
As promised, here's a guide on how to measure #performance for #ReactNative apps using @flipper_fb 🚀
blog.bam.tech/developer-news…
It includes a concrete example of how we used @ReactDevTools on the @TF1Info app to go from a 40/100 ❌score to 90/100 ✅
We've published two updates to NPM this week (4.24.1 and 4.24.2). We hope they improve the React Native user experience when there is a DevTools version mismatch. Let us know if you see anything unexpected!
github.com/facebook/react/bl…
We've also updated our architecture docs explaining how some of the more complicated pieces of DevTools fit together.
github.com/facebook/react/bl…
5/n
Lastly, this thread seems like a great time to say that if you're interested in contributing to DevTools, we also have a getting-started guide for contributors:
github.com/facebook/react/bl…
6/n
React DevTools version 4.24.1 has been released and published to NPM that fixes a connection issue with older versions of React Native.
Release details:
github.com/facebook/react/bl…
React DevTools version 4.24.0 has been published to NPM and submitted to Chrome, Edge, and Firefox stores. (Note that it may take a few days for the extensions to be approved and roll out.)
Release details here:
github.com/facebook/react/bl…
The Timeline profiler highlights how things like CPU, I/O, and network traffic fit together to impact React application performance. Unfortunately, using it has required first using Chrome's profiling tools to record performance data and then importing it into ⚛️ DevTools.
1/3
¹ Basic information includes React state updates, rendering/priorities, and suspense. It does not include network events, native events, or screenshots.
P.S. In case you missed the Timeline profiler announcement, here's a link:
youtube.com/watch?v=8dUpL8SC…


