Desempenho e Memoization

Parte do curso de React

Sua aplicação tem uma tabela com duas mil linhas e um campo de busca em cima dela. Cada tecla pesa: você digita e, meio segundo depois, a letra aparece. Nada está quebrado, e o código parece razoável. O que acontece é que um único caractere no campo de busca faz o React executar de novo cada um daqueles dois mil componentes de linha, concluir que quase nenhum deles mudou e só então atualizar a tela.

O React renderiza de novo com liberdade de propósito, e na maior parte do tempo isso é exatamente o certo, porque executar a função de um componente é barato e o React é bom em descobrir o mínimo que precisa mudar na página. De vez em quando não é o certo, e para esses casos o React te dá três ferramentas para dizer "este resultado não mudou, reaproveite o anterior".