logo

Changelog 19: Focus Mode 🚀

profile photo
Jason Laster
Image without caption
We’re excited to ship Focus Mode today! You can now go to the Timeline, click on the Focus button, and set a new window.
Focusing is useful for zooming in. If a print statement is called a thousand times, you can now focus on just the first hundred calls. Focusing lets you bisect complex problems and find the root cause faster.
Focus Mode is also useful for debugging long replays. You can now open a long replay and load the portion that you would like to debug. This will be especially useful when we begin supporting 10 and 30 minute recordings.
Focusing is one of those deceptively complex UX problems. We’d love to hear what you think and where it should go.

How We Designed Our Focus Mode

Jon, our designer, just published a walk through of the design process we went through building Focus Mode. 🤯
Image without caption

Additional Updates

Dark Mode: We can’t wait to share Dark Mode next week. Feel free to enable it in Settings > Experimental.
Object Getters: We started working on Object Getters this week. The first version will show getters, setters, and values.
Test Runners: We are adding first-class support for recording and debugging Playwright and Jest tests. If you’d like early access, feel free to join our #testing team in replay.io/discord and say hello.
Start Times: You might have noticed that Replay feels much faster this week. That is because we improved the P90 new replay start time last week from 45 seconds to 15 seconds.

Case Study

This week we’re excited to share our Jest proof of concept (loom). You can jump to the start of any test or assertion failure and debug the test with Replay’s time-travel debugger. Replay’s Node recorder is still in beta, but getting significantly better.
Image without caption

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