Errores comunes: cierres obsoletos y dependencias faltantes

Objetivo: Detectar y corregir dos problemas habituales: los closures obsoletos (el efecto ve valores antiguos) y las deps ausentes (el efecto no se vuelve a ejecutar cuando debería).

Un closure obsoleto aparece cuando una función (temporizador/listener) captura un valor antiguo de un renderizado anterior.

• El efecto no ve el estado más reciente
• El temporizador incrementa un valor incorrecto

Este intervalo captura un count antiguo; nunca ve las actualizaciones porque el efecto tiene una lista de dependencias vacía.

Dos soluciones sencillas:

• Añada deps para que el efecto se vuelva a ejecutar con valores actualizados.
• Actualizador funcional: setCount(c => c + 1) lee el estado más reciente dentro de temporizadores y listeners.

Use el actualizador funcional para que la función de devolución de llamada reciba siempre el valor más reciente; conserve la limpieza para eliminar el temporizador.

Las deps ausentes hacen que los efectos omitan actualizaciones. Lista de comprobación:

• Enumere todos los valores reactivos utilizados dentro
• Para los setters, prefiera las actualizaciones funcionales
• Para funciones de devolución de llamada estables, defínalas dentro del efecto o memorícelas si es necesario

Resumen: Los closures obsoletos se deben a funciones de devolución de llamada que capturan valores antiguos. Corríjalos añadiendo las deps correctas o usando el actualizador funcional. Mantenga las limpiezas para temporizadores y listeners.