Frontend com React
🚀 React moderno: Suspense, lazy, Portals e concorrência
Carregamento sob demanda com React.lazy e Suspense, renderização fora da árvore com Portals, refs imperativas com forwardRef e as ferramentas concorrentes (useTransition, useDeferredValue, useId).
O que você vai aprender
- Aplicar code splitting carregando componentes sob demanda com
React.lazye<Suspense> - Renderizar modais e tooltips fora da árvore do DOM com
createPortal - Expor refs imperativas com
forwardRefeuseImperativeHandle - Manter a UI fluida com os hooks concorrentes
useTransition,useDeferredValueeuseId
Lições
Code splitting com React.lazy e SuspenseCarregar componentes sob demanda. Portals: renderizar fora da árvore do DOMModais e tooltips sem quebrar o layout. Refs avançadas e concorrênciaforwardRef, useImperativeHandle e hooks concorrentes.Pratique este módulo no app
O DevPath é um curso prático: aqui você lê a teoria; no app você a coloca em prática com exercícios que rodam de verdade, offline.
Comece grátis no app →