Instruções
Passo 23
Agora você verá
Filtering items... no console toda vez que digitar na barra de pesquisa e marcar ou desmarcar um item. Isso ocorre porque essas ações atualizam o estado do componente, o que faz com que ele seja re-renderizado.
Isso geralmente não é um problema. Mas se você tiver muitos itens na lista ou se estiver buscando muitos dados de uma API e manipulando-os, seu app pode parecer lento.
Para melhorar o desempenho, você pode usar o hook useMemo() para memorizar, ou em outras palavras, armazenar em cache, o resultado da operação de filtragem. Então, o React só irá reexecutar a operação de filtragem quando sua dependência mudar, e não a cada renderização.
Primeiro, desestruture o hook useMemo() do React no topo do seu arquivo.
O que fazer:
Testes:
- Você deve desestruturar `useMemo` de `React` no topo do arquivo. Certifique-se de que você não está removendo o hook `useState` que você já está usando.
Preview