Improve resize performance on Web

Here's the video of how many elements were updating when the panels resize:

and here is the performance metric of the same interaction before


and now this is the state after the optimization:


the main issue was that we were calculating the panel width on every resize and setting the value to a state. this was causing almost all the components to re-render. now we are not setting the value to a state bot to a ref, and only re-rendering when needed.

This was a small change, hard to find but with a huge improvement!

Do you like what you are reading? Subscribe to receive updates.

Unsubscribe anytime

Connections0

Connections show where other documents or comments link to this document.

Related documents

Loading connections…