Lazy Load, Suspense y paginación con React
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
Contenido del curso
1
Curso REACT JS - Aprende desde CERO Componentes, State, JSX (Tutorial Desde Cero en Español)
2
Crea una app con React usando create-react-app
3
Creando Custom Hooks y usando Context para conseguir un estado global en ReactJS
4
Lazy Load, Suspense y paginación con React
5
CSS Grid, Infinite Scroll y Tests en nuestra app de React