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-…

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: #4270" target="_blank" rel="nofollow noopener">github.com/facebook/react…

@itsdouges We are aware of this issue and have submitted a patch (version 4.27.1) to Chrome Web Store. Sorry for the inconvenience!

Who is looking after @ReactDevTools? This issue is blowing up atm. #issuecomment-1338729455" target="_blank" rel="nofollow noopener">github.com/facebook/react…

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: #4250" target="_blank" rel="nofollow noopener">github.com/facebook/react…

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…

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…

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 😃 #4243" target="_blank" rel="nofollow noopener">github.com/facebook/react…

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!

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! #4242" target="_blank" rel="nofollow noopener">github.com/facebook/react…

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… 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… 5/n

New API documentation has landed for the DevTools NPM packages! 🥳 1/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: #4241" target="_blank" rel="nofollow noopener">github.com/facebook/react…

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: #4240" target="_blank" rel="nofollow noopener">github.com/facebook/react…

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=8dUpL8…

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