renderToReadableStream în ReactDOM Server în React & Next.js

Randare Server-Side modernă pe standarde Web

În timp ce metodele clasice (precum renderToString) blocau procesorul până la randarea completă a paginii, renderToReadableStream trimite fragmentele HTML pe măsură ce sunt gata, integrându-se perfect cu componentele <Suspense> în medii moderne de Edge Computing.

import { renderToReadableStream } from 'react-dom/server';
import App from './App';

export default {
  async fetch(request) {
    const stream = await renderToReadableStream(<App />);
    return new Response(stream, {
      headers: { 'Content-Type': 'text/html; charset=utf-8' }
    });
  }
};