Прогресивне завантаження з межами Suspense, яке передає контент у міру його доступності. Ідеально для Дашбордів, додатків у реальному часі та Прогресивних додатків, де користувачі отримують користь від перегляду контенту інкрементально.
Streaming використовує межі Suspense з Server Components асинхронними. Не можна використовувати хуки в межах Suspense.
import { Suspense } from "react";
export default async function StreamingPage() {
return (
<div>
<Suspense fallback={<div>Завантаження...</div>}>
<AsyncComponent />
</Suspense>
</div>
);
}
async function AsyncComponent() {
const res = await fetch("https://api.example.com/data");
const data = await res.json();
return <div>{data.message}</div>;
}