Explorando componente Suspense
Suspense
é um componente que envolve qualquer parte da sua árvore de componentes que possa demorar para carregar. Ele informa ao React para exibir um fallback enquanto o componente está sendo carregado.
const App = () => (
<Suspense fallback={<div>Carregando...</div>}>
<MyComponent />
</Suspense>
);
O fallback
é a UI que será renderizada enquanto o componente MyComponent
está sendo carregado de forma assíncrona.