Cómo evitar cierres obsoletos

Un cierre captura variables de su ámbito envolvente. Los valores que observa son los que existían en el momento de su creación.

Si crea una función que captura una variable, es posible que los cambios posteriores de esa variable no sean visibles dentro de la función.

Las variables reactivas se actualizan al asignarles un valor. Una instantánea capturada NO se actualiza automáticamente.

Un intervalo iniciado en onMount puede registrar el valor inicial de count en lugar del actual.

Use una función que vuelva a leer el valor más reciente en cada intervalo.

Lea desde un store con get(store) para obtener siempre el valor más reciente.

Reinicie el intervalo con una sentencia reactiva cuando cambien sus dependencias para capturar valores actualizados.

Olvidar borrar los intervalos filtra el estado entre renderizados. Combine cada setInterval con clearInterval.

Los awaits prolongados dentro de una función capturan el estado en el momento del await. Las mutaciones entre awaits no son visibles.

El modo estricto y las reglas del linter pueden señalar cierres potencialmente obsoletos.

Escriba pruebas que actualicen el estado y después ejecuten las devoluciones de llamada capturadas para detectar valores obsoletos.

¿Cómo evita los cierres obsoletos al usar un store?

Los cierres capturan por referencia; en devoluciones de llamada de larga duración, prefiera stores o funciones auxiliares que vuelvan a leer los valores para evitar que queden obsoletos.