El hook useLayoutEffect #reactjs #reactjstutorial #reactnative

En este vídeo sobre React te mostraré cómo funciona el hook useLayoutEffect, sus diferencias con useEffect y sus principales casos de uso. 👨🏼‍💻 Apóyame en Patreon: https://www.patreon.com/latteandcode ☕️ Invítame a un cafelito: https://www.buymeacoffee.com/latteandcode 💛 Los amigos de Garaje de ideas patrocinan Latte and Code y buscan talento: http://bit.ly/garaje-tech-talento Este hook es uno de los que más extrañeza causan por su parecido con el hook useEffect. Según la documentación de React, el hook useLayoutEffect posee una firma idéntica a useEffect, pero se dispara de forma síncrona después de todas las mutaciones de DOM. En este vídeo encontrarás el significado de esta frase: [00:00] Introducción [00:51] El hook useLayoutEffect [02:40] Comparación useEffect y useLayoutEffect [05:00] Orden de los efectos [06:50] Ejemplo useLayoutEffect [09:50] Otro ejemplo useLayoutEffect [14:00] useLayoutEffect y React Native En resumen, el hook useLayoutEffect es perfecto para provocar un renderizado del componente antes de enviar las mutaciones al DOM del navegador. Para el resto de casos, el hook useEffect nos proporciona todo lo que necesitamos. 💛 ¡Espero que os guste!