ReactDevTools

Official React DevTools account.

[ReactDevTools @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 https://t.co/ZMdNAL8cza

[ReactDevTools @ReactDevTools]

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: https://t.co/klJ8JRWp7w

[ReactDevTools @ReactDevTools]

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

[ReactDevTools @ReactDevTools]

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:
https://t.co/E42mYFvKYV

[ReactDevTools @ReactDevTools]

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 https://t.co/JIKdt1CBk3

[ReactDevTools @ReactDevTools]

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: https://t.co/UJgILwNWR4

[ReactDevTools @ReactDevTools]

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 😃 https://t.co/hRntfCe5Vv

[ReactDevTools @ReactDevTools]

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!

[Alexandre Moureaux @almouro]

As promised, here's a guide on how to measure #performance for #ReactNative apps using @flipper_fb 🚀

https://t.co/TISWDAfcUh

It includes a concrete example of how we used @ReactDevTools on the @TF1Info app to go from a 40/100 ❌score to 90/100 ✅

[ReactDevTools @ReactDevTools]

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!

https://t.co/LDRlVbZ7l6

[ReactDevTools @ReactDevTools]

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:

https://t.co/R9hmvxxQ68

6/n

[ReactDevTools @ReactDevTools]

New API documentation has landed for the DevTools NPM packages! 🥳

1/n

[ReactDevTools @ReactDevTools]

We've also updated our architecture docs explaining how some of the more complicated pieces of DevTools fit together.

https://t.co/bOBjtjsVP4

5/n

[ReactDevTools @ReactDevTools]

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:
https://t.co/uEjaz9oCuo

[ReactDevTools @ReactDevTools]

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:
https://t.co/yOdGvJ48nU

[ReactDevTools @ReactDevTools]

We hope to expand what this "basic" information includes in the future, pending discussions with Chrome and other vendors.

[ReactDevTools @ReactDevTools]

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

[ReactDevTools @ReactDevTools]

¹ 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:
https://t.co/CHOhxauSX4