React

O que é Suspense?

Definição

Suspense é um componente do React que permite exibir um fallback enquanto filhos aguardam carregamento assíncrono. Funciona com lazy loading de componentes e, no React 18+, com data fetching via frameworks como Next.js ou bibliotecas que suportam a especificação de Suspense.

Exemplo Prático

TypeScript

const LazyPage = React.lazy(() => import('./Page'));

function App() {
  return (
    <Suspense fallback={<Spinner />}>
      <LazyPage />
    </Suspense>
  );
}

Termos Relacionados

Concurrent ModeReact

Quer ver Suspense em ação em projetos reais?

Ver artigos sobre Suspense