Replying to @ReactDevTools @googlechrome
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.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…
Replying to @douges
We are aware of this issue and have submitted a patch (version 4.27.1) to Chrome Web Store. Sorry for the inconvenience!
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…
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 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…
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…
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
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
The "react-devtools" package can be used to debug non-browser-based React applications (like React Native) as well as webapps running in mobile browsers, embedded Webviews, and Safari (desktop).
github.com/facebook/react/bl…
4/n
The "react-devtools-inline" package can be used to embed React DevTools into browser-based tools like CodeSandbox, StackBlitz, and Replay. (Also the new React docs!)
github.com/facebook/react/bl…
3/n
The "react-devtools-core" package provides low-level APIs to support renderers like React Native. If you are building a non-browser-based React renderer, this package can help the developers who use your renderer!
github.com/facebook/react/bl…
2/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…
We hope to expand what this "basic" information includes in the future, pending discussions with Chrome and other vendors.
¹ 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…


