Logo de Beunicoos
midudev
Lazy Load, Suspense y paginación con React
¡UPS! Para ver vídeos en la web debes estar registrado, es totalmente gratuito.

1.304 visualizaciones

Aprende a usar React.Lazy, el componente de Suspense y cómo hacer paginación fácilmente con React.

No te pierdas más videos en el canal sobre ReactJS ⚛️:
https://www.youtube.com/playlist?list=PLV8x_i1fqBw0B008sQn79YxCjkHJU84pC

¡Si te gusta dale LIKE 👍 y SUSCRÍBETE! 👇
https://www.youtube.com/c/midudev?sub_confirmation=1

SEGMENTOS 📹
00:00 - Bienvenida
02:47 - Añadir Trendings de Giphy
11:05 - Arreglar título con espacios
12:59 - Imports amigables y limpios usando baseUrl
19:47 - Cargar lazy la sección de Trending
31:40 - useRef para guardar elementos del DOM
39:28 - Cómo instalar un polyfill de Intersection Observer
44:50 - Crear hook useNearScreen desde cero
54:25 - Cargar un componente de forma dinámica con React.lazy
58:00 - ¿Qué es Suspense y por qué lo necesitamos?
01:04:23 - React Placeholders con SVG
01:12:10 - Paginación con React
01:22:49 - Despedida, agradecimientos y cierre

#reactjs #reactsuspense #frontend #lazyload

-~-~~-~~~-~~-~-
¡No te pierdas mi último vídeo! "Variables de entorno con archivos ENV y actualizaciones en tiempo real con Firestore"
https://www.youtube.com/watch?v=8ZA2p1SBssk
-~-~~-~~~-~~-~-