Léxico de TI › Web › React Suspense

React Suspense

Web Svenska → Atualizado: 2026-09-28

Recurso do React para estado de carregamento declarativo. <Suspense fallback={<Spinner />}><DataComponent /></Suspense>. Um filho pode "suspender" lançando uma Promise — o Suspense mostra o fallback até ela resolver. Estável desde o React 18.

Casos de uso: rotas com lazy-loading (React.lazy()), busca de dados (com bibliotecas como Relay, SWR, TanStack Query), streaming de Server Components. Boundaries de Suspense: boundaries aninhados — o externo mostra o estado geral, o interno pode fazer streaming de seções individuais. Hidratação seletiva: o servidor faz streaming do HTML, o cliente hidrata os componentes por prioridade (visível primeiro). Atrito de migração: busca de dados legada (useEffect + setState) não é Suspense-aware → exige wrapping manual. Equivalentes em outros frameworks: Vue suspense, Solid resources, blocos await do Svelte — todos têm um padrão parecido.

← Voltar ao léxico