O Que É um Suspense Boundary?
Um suspense boundary é um wrapper que designa uma região da UI que pode suspender enquanto espera por dados assíncronos ou código carregado de forma lazy. Enquanto essa região não está pronta, o boundary renderiza um fallback, como um placeholder. O conteúdo ao redor renderiza de forma independente em vez de bloquear pela parte pendente.
Por que isso importa
Suspense boundaries habilitam streaming e renderização progressiva, de modo que uma seção de dados lenta não segure a página inteira. Posicioná-los bem controla o que os usuários veem primeiro.
Guias relacionados
What Is Streaming SSR?Streaming server-side rendering sends HTML to the browser in chunks as it is produced, so users see early con…
What Is a Loading Skeleton?A loading skeleton is a placeholder UI that mimics the shape of content while it loads, giving a sense of str…
What Is a Dynamic Import Boundary?A dynamic import boundary is the point where a module is loaded lazily with an import call, marking where a b…