Тёмный

Optimiza el rendimiento de tu Web con Lazy Load en React 

Garaje de ideas | Tech
Подписаться 41 тыс.
Просмотров 2,1 тыс.
50% 1

👉 Conoce nuestras vacantes actuales de tecnología en bit.ly/talento-tech-GDI
En este vídeo te explicamos cómo optimizar el rendimiento de tu Web con Lazy Load en React
Si quieres aprender más de programación, te dejamos por aquí otros Garaje Code Pills que seguro que te gustarán:
- useState Hook en 20 minutos: • useState Hook en 20 mi...
- useContext en 20 minutos: • useContext en 20 minutos
- useEffect en 20 minutos: • useEffect en 20 minutos
Aquí tienes el código por si quieres usarlo: github.com/GarajedeIdeas/Code...
Esta introducción a la librería React Hook Forms fue impartida por Mario Girón, Senior Full Stack Developer:
/ mariogironm
Si quieres estar al tanto de todo lo que hacemos, puedes inscribirte aquí 👇
garajedeideas.com/livecoding/...
----------
Garaje de Ideas es un estudio de Diseño, Tecnología y Data. En este canal encontrarás tutoriales, cursos y ejemplos prácticos paso a paso de desarrollo web y programación.
Podrás encontrar desde cursos de JavaScript, Node.js, D3.js, Vue3, Typescript, HTML, CSS, React... hasta cómo optimizar tu proceso de trabajo.

Наука

Опубликовано:

 

17 янв 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 11   
@Garajedeideas
@Garajedeideas 3 месяца назад
👉¡En Garaje seguimos creciendo! Únete al equipo: bit.ly/talento-tech-GDI
@fedec9813
@fedec9813 4 месяца назад
Excelente video! Gracias Mario!!
@mariogiron
@mariogiron 4 месяца назад
Gracias a ti por verlo y comentar :)
@panicius
@panicius 4 месяца назад
Buenísimo, muchas gracias 🚀
@mariogiron
@mariogiron 4 месяца назад
Me alegro que te haya gustado . Muchas gracias por dejar tu comentario :)
@Camilofuentesito
@Camilofuentesito 2 месяца назад
Explicación muy precisa, se agradece el contenido
@Garajedeideas
@Garajedeideas 2 месяца назад
Gracias por tu comentario, Camilo! Nos alegramos de que te guste nuestro contenido :)
@sandrocarioli9868
@sandrocarioli9868 12 дней назад
Hola Mario, espero encontrarte muy bien. Llegué a tu video tratando de informarme más sobre los lazy loadings, no particularmente de las imágenes sinó de los componentes, y ví quienes lo hacían directamente desde el router-dom. Entiendo que en imágenes es sustancial el cambio por el peso de las mismas ¿pero también lo es cuando va renderizando el HTML y el CSS a medida que se hacen los scrolls? ó entendí cualquier cosa? De todas maneras voy a seguir investigando el comportamiento del mismo desde la teoría para poder identificar en la práctica cuales son mis mejores opciones! Gracias desde ya, espero que tengas buen finde!
@mariogiron
@mariogiron 6 дней назад
Hola Si vas a tratar que los componentes se carguen en diferido, lo normal sería hacerlo desde la gestión de las rutas, como comentas. La clave está en saber cuándo las imagenes toman muchos recursos del navegador. Si solo vas a cargar una imagen, no hace falta hacer todo esto, pero si es una carga de imágenes múltiples a partir de un scroll, es cuando las cosas empiezan a fallar.
@cesaraquino574
@cesaraquino574 Месяц назад
Buen video 👍👍
@Garajedeideas
@Garajedeideas Месяц назад
Gracias por tu comentario Cesar y nos alegramos mucho de que nuestro contenido te sirva de ayuda! :)
Далее
Convierte Audio a Texto con Whisper AI
8:10
Просмотров 1 тыс.
WALL OR FALL 🙈
00:10
Просмотров 10 млн
Speed Up Your React Apps With Code Splitting
16:50
Просмотров 364 тыс.
CSS Grid vs Flexbox - Cuál Usar
4:56
Просмотров 625
Skeleton Loading in React Like a PRO!
9:41
Просмотров 9 тыс.
How To Load Images Like A Pro
15:48
Просмотров 351 тыс.
Mis Bibliotecas favoritas de React en 2024
14:19
Просмотров 24 тыс.
this one-liner will crash your system
7:09
How to Make a Star Rating Component in React
16:06
Просмотров 55 тыс.
Fiber kablo
0:15
Просмотров 6 млн
Самый дорогой корпус Hyte Y70
0:52
Просмотров 446 тыс.