I have been learning react for quite some time and I just recently came across the term React.memo() that helps us to optimize our functional components thus increase our application's performance. I understood what's it for but one thing I don't understand is that when to use it? does it make sense to use it in our every primary child components besides App.js?

[surajsgh]

No description provided.

[umarmuhandis]

Even though memo is thought to help us optimize our application's code, it comes with a cost. Most of the time you don't have to scratch your head in terms of performance since React is very fast. It's even better to be cautious when you are dealing with performance, because hooks such as useMemo, useCallback have their tradeoffs. If you understand the tradeoffs well, then feel free to use them :)

[RinatValiullov]

@Royalchampion

Hopefully this disussion will help you understand when to use and when not to use React.memo. Mark Erikson gave a good answer in one of the comments.

[surajsgh]

Yeah, I went through it. Thank You so much :)