Armadilhas comuns: closures obsoletas e dependências ausentes

Objetivo: Identifique e corrija dois problemas comuns: fechamentos obsoletos (o efeito vê valores antigos) e dependências ausentes (o efeito não é executado novamente quando deveria).

Um fechamento obsoleto ocorre quando uma função (temporizador/ouvinte) captura um valor antigo de uma renderização anterior.

• O efeito não vê o estado mais recente
• O temporizador incrementa o valor errado

Este intervalo captura um contador antigo; ele nunca vê as atualizações porque o efeito tem uma lista de dependências vazia.

Duas correções simples:

• Adicione dependências para que o efeito seja executado novamente com valores atualizados.
• Atualizador funcional: setCount(c => c + 1) lê o estado mais recente dentro de temporizadores e ouvintes.

Use o atualizador funcional para que a função de retorno sempre receba o valor mais recente; mantenha a limpeza para interromper o temporizador.

Dependências ausentes fazem os efeitos ignorarem atualizações. Lista de verificação:

• Liste todos os valores reativos usados internamente
• Para funções de atualização, prefira atualizações funcionais
• Para funções de retorno estáveis, defina-as dentro do efeito ou memorize-as se necessário

Recapitulação: Fechamentos obsoletos surgem quando funções de retorno capturam valores antigos. Corrija isso adicionando as dependências corretas ou usando o atualizador funcional. Mantenha as limpezas para temporizadores e ouvintes.