logo

Changelog 23: Heat Maps 🔥

We shipped Heat Maps, when you open DevTools, select a source, and see the function call counts in the outline view; this makes debugging faster. We made some other product updates and highlighted how we used replay to fix several issues with Comments.
profile photo
Jason Laster
Image without caption
We’re excited to be shipping Heat Maps today! You can now open DevTools, select a source, and see function call counts in the outline view.
Heat Maps make debugging faster. When you hover in the editor, the Hit Count Tooltip appears immediately. The tooltip used to appear in 200ms, now it’s instant! The Outline View now shows function call counts which help you see which functions were called and spot inconsistencies.
Heat Maps can help identify dead code that can be safely removed and hot code that should be refactored. And like all of our backend functionality, Heat Maps are documented in our Protocol, so you can begin playing with it today!
At a high level, the value of Replay is the ability to perform dynamic analysis after the fact. Heat Maps are a small taste of what is to come.

Additional Updates

Multi Line Terminal You can now press shift-enter in the Console and Print Statement terminals to add additional lines.
Comments We removed many of the bugs that were causing Comments to flicker when you added them.
Focus Mode It is now possible to set the current pause position as the start or end of the focus window.
Redux Toolkit Mark (Redux maintainer) is refactoring our Redux setup to Redux Toolkit. Join our Discord Server if you’d like to help out.

Case Study

We thought it would be fun to highlight how Replay helped us debug several of the issues with Comments. This replay shows three issues:
  1. The Transcript prompts the user to Sign In while it’s waiting for authentication to load
  1. The Transcript prompts the user to add a comment while it’s waiting for comments to load
  1. The Comments is initially missing the content while waiting for the editor to load
Image without caption
Related posts
post image
Today we’re excited to share our new Elements Panel. The next time you open a replay and inspect an element you’ll feel the difference.
post image
We’re excited to share an experimental version of Redux DevTools today. If you open a Chrome replay, you’ll see the Redux tab in the bottom right.
post image
Today we’re shipping a big little detail, the processing badge. The next time you open the Test Suite dashboard you’ll see which replays have been processed. And when you open a replay that’s not been processed, you’ll see that we...
Powered by Notaku