#learn React Profiler - link If you haven't used this one be | TheFrontEnd🔥

#learn

React Profiler - link

If you haven't used this one before you are really missing out. I find this one the quickest way to go through you web project and identify places that can be optimised. Works way better than dumping console.log in you renders around the app or using default chrome dev tools performance analyzer.

Profiler will show you exactly how many times components re-rendered and why (which props changed etc)

Then it's up to you to go around that heavy component and optimise it, memoise certain functions, wrap with React.memo, refactor, add reselect or what not.

And personally the nicest practical "let me show you how it works" is from Ben Awad here