Changelog 20: Dark Mode 🚀

profile photo
Jason Laster
Image without caption
We’re excited to launch Dark Mode today! You can enable it by going to Setting > Preferences and toggling appearance.
A month ago, we began noticing that the average debugging session was 20+ minutes. And features like Dark Mode are absolutely critical when you’re designing a tool that people can spend hours a day in.
Dark Mode is one of those features that can test your design system. When done poorly, there are a million edge cases and each new feature needs to be designed twice. We were really happy to see how much Tailwind CSS simplified the problem. And because our DevTools are open source, we’d encourage you to run Replay locally :)
We can’t wait to hear what you think. If you see something that looks off in Dark Mode send us a replay and we’ll check it out!

Object Getters

Object Getters and Setters are now shown in object previews. Showing getters are especially useful when debugging applications that are built on top of libraries like Vue.
Image without caption

What is Time Travel?

Recently we’ve been focusing on onboarding content for larger teams. This week we added two posts comparing Time-Travel debugging to Session Replay and Chrome Recorder.
Image without caption

Case Study

This week we’d like to highlight Dynaboard, a new multiplayer development environment. Also, if you’re looking for inspiration. Their landing page is exceptionally well done. Check out this replay to see one of their easter eggs.
Image without caption
post image
Today, we’re excited to release Instant Replay. Instant Replay is one of those updates that changes everything and is the reason we’ve been heads down the past six weeks.
post image
Our plans to reach seven second start times by June. The new React Timeline and suspense architecture.
post image
Today we’re excited to release shared print statements. When you open a replay, you’ll now see print statements added by others.
Powered by Notaku