Скачать или смотреть El hook useSyncExternalStore

En este vídeo aprenderás a usar el hook useSyncExternalStore, cuyo objetivo es mejorar la forma en que consumimos la información síncrona procedente de una "store" externa. ¿Qué quiere decir esto?

Habitualmente recurrimos a la combinación de useState y useEffect para consumir información procedente de un proveedor externo, como por ejemplo, el estado de la conexión a internet del navegador por medio de:

La propiedad navigator.online
Los eventos window.addEventListener("online" | "offline")

Sin embargo, esta técnica puede provocar que perdamos alguna actualización de ese estado debido a la naturaleza del hook useEffect. Gracias al hook useSyncExternalStore podemos suscribirnos a los eventos nada mas iniciar el componente, superando este tipo de limitaciones.

💛 ¡Espero que os guste!