Changelog 9: Network Monitor V0.5

profile photo
Jason Laster
Image without caption
We're shipping an early version of the Network Monitor today 🚀 If you see any issues, send us a replay!
The Network Monitor is great for answering questions like... What requests were sent? What responses were received? What were the headers? What was cached? Who made the requests? Who handled the responses?
The Network Monitor includes common resources, their headers, and general information. It's also easy to fast-forward to any fetch! We're currently working on showing request and response bodies. We're also adding a couple of additional panels as well.
There's obviously lots to do. We'd love to hear what you'd like to see next!

Additional Updates

Elements Panel Launching On Demand Paints last week was a big deal. We’re now back to ironing-out edge-cases. Take it from us, HTML and CSS is complex 😂
Outline View The Outline View can now show 50K functions in a file without breaking a sweat.
Events Timeline We added a button so that you can jump directly to the function handling the click and keypress event. We’ll be applying some Replay time-travel magic soon so that you can land in the best position.

Case study

Unlike other weeks where we highlight other applications, this week we'd like to share a personal story about how the new Outline View nearly didn't ship because we were having a lot of issues with React hooks and memoization.
We were able to fix the new Outline View because we shared a replay with a friend who was able to add print statements in the component and see what we were doing wrong.
We're sharing this story because we want to normalize the fact that this stuff is hard, everyone has bugs, and it's okay to ask for help. At its core, Replay is all about being able to collaborate with others.
post image
We’re excited to be shipping the React Events Timeline today! The next time you select a Click event in the Events Panel, you’ll seek to the component’s onClick handler!
post image
We’re excited to share three big Chrome updates today: Chromium 108, Elements Panel, and React DevTools!
post image
We’re excited to share that over the past six months we’ve increased our P50 Butter Score from a 30 to a 90. 43% of replays now start in 15 seconds and resolve requests in under 2 seconds.
Powered by Notaku