Hosted onnoosphere.hyper.mediavia theHypermedia Protocol

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