Nuevo
Suspense, carga progresiva y optimización del rendimiento
Este curso de React está dirigido a desarrolladores que quieren mejorar la velocidad de carga y la fluidez de sus aplicaciones. Veremos desde la carga diferida de rutas y componentes con lazy y Suspense, los esqueletos de carga y la gestión de errores con useSuspenseQuery, hasta la medición con React Developer Tools y la optimización con memo, useMemo, useCallback, useTransition, useDeferredValue y useId.
Formación recién publicada
La metodología y plataforma de formación que se adapta al tamaño y ritmo de tu empresa.
Curso impartido por
Contenido de la formación
4 Secciones · 16 Lecciones ·
3 h. y 17 min.
en total
Presentación
Suspense, lazy loading y carga progresiva
Optimización del rendimiento en aplicaciones React
Conclusiones
Habilidades que obtendrás
- Definición de una estrategia de code splitting y carga diferida de rutas y componentes con lazy y Suspense
- Diseño de estados de carga accesibles con esqueletos y gestión de errores con error boundaries y useSuspenseQuery
- Medición del rendimiento de los renderizados con React Developer Tools y el componente Profiler
- Optimización de componentes y cálculos con memo, useMemo y useCallback
- Mejora de la fluidez de las interacciones con useTransition, useDeferredValue y useId
Requisitos mínimos
Conocimientos básicos, preferiblemente intermedios, de React, incluyendo componentes, hooks y la estructura de un proyecto. Conocimientos de TypeScript y familiaridad con TanStack Query.