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

As a pre-req for adding Timeline support for React Native and VR, we're adding support to record basic¹ timeline information from directly within ⚛️ DevTools. Here's a demo of how that will work. 2/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=8dUpL8…

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