React 18. El hook useDeferredValue #reactjs #reac18 #reactjstutorial #reactnative

En este vídeo, exploramos el nuevo hook useDeferredValue de React 18, que permite postergar actualizaciones y optimizar el rendimiento al procesar entradas del usuario en componentes pesados. 💛 Los amigos de Garaje de ideas patrocinan Latte and Code y buscan talento: http://bit.ly/garaje-tech-talento 👨🏼‍💻 Apóyame en Patreon: https://www.patreon.com/latteandcode ☕️ Invítame a un cafelito: https://www.buymeacoffee.com/latteandcode Comenzamos a dar la bienvenida a la versión 18 de React con un vídeo sobre el nuevo hook useDeferredValue. El hook useDeferredValue acepta un valor y devuelve una nueva copia del valor que nos permitirá procesar las actualizaciones más urgentes. ¿Qué significa esto? Imagina que, por ejemplo, estás procesando lo que escribe un usuario. Este hook devolverá el valor anterior mientras el usuario tecla y, sólo cuando termine de escribir, retornará el valor final. Esto es súper útil si estamos empleando ese valor introducido por el usuario para renderizar componentes pesados que dependen de él. En vez de forzar un render de dicho componente en cada pulsación de teclado, el hook useDeferredValue de React nos permite postergar esa actualización. Para que quede claro cómo funciona he preparado un par de ejemplos para este vídeo que mostrarán todo su potencial. 💛 ¡Espero que os guste!