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

Curso React.js ⚛️ desde cero - Crea una aplicación paso a paso midudev

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