🔑
Fundamentos
Keys em Listas Dinâmicas
Key deve ser estável e única por item. Index como key corrompe estado em listas que mudam.
Definição
Keys são identificadores que o React usa no algoritmo de reconciliação para rastrear quais elementos da lista mudaram, foram adicionados ou removidos. Keys estáveis preservam estado dos componentes; keys voláteis fazem o React destruir e recriar.
🔴 Problema
index como key: remover item 0 faz todos os outros mudarem de key — React reutiliza componentes errados.
✅ Solução
Usar ID único e estável do item (id do banco de dados, UUID gerado uma vez, etc).
💡 Dica Senior
Key muda = React destrói e recria o componente do zero (perde state). Key estável = preserva state.
Perguntas de Entrevista
13/48