React.memo() is your friend

React.memo() gives us the ability to memoize a React component. Memoization is a general concept which basically means caching the results of some kind of computation for later use. It is an optimization technique which is used quite extensively in the programming world. When memoization is used, there must be a criteria which would dicate when the cached results are no longer valid.