Persistência de valores sem nova renderização

Objetivo: Armazene valores que sobrevivem às renderizações sem causar uma nova renderização. useRef fornece uma caixa estável para o valor atual.

• Persiste entre renderizações
• Não causa nova renderização quando muda
• É excelente para temporizadores e valores anteriores

As atualizações de useState renderizam novamente a interface. As atualizações de useRef não fazem isso. Escolha uma referência para auxiliares mutáveis (identificadores e contadores de lógica), não para dados da interface.

Incrementamos um renderCount em um efeito e o mantemos em uma referência; ele sobrevive às renderizações, mas não as aciona.

Bons usos:

• Identificadores de temporizadores e intervalos
• Armazenamentos em cache de valores anteriores
• Sinalizadores entre renderizações (por exemplo, isMounted)

Não use para: dados que precisam aparecer na interface.

Mantenha o identificador do intervalo em uma referência para podermos iniciar e interromper o temporizador sem renderizações adicionais.

Armadilhas:

• Não leia uma referência para controlar a interface sem usar o estado — a interface não será atualizada.
• Redefina as referências na desmontagem se elas contiverem identificadores ou recursos.
• Evite usar referências em excesso como contêineres globais.

Recapitulação: Use useRef para valores mutáveis que permanecem entre renderizações — como identificadores, valores anteriores ou sinalizadores — sem causar novas renderizações. Use o estado para a interface visível.