Streaming vs. string rendering

Jeasx streams JSX by default: the page shell is flushed immediately and slow parts follow as soon as they are ready. In v2, the complete markup was rendered to a string first and sent in one go.

Open the network tab of your browser's developer tools and reload the page in both modes. When streaming, the first byte arrives almost instantly, while the download keeps going until the last result is sent. When rendering to a string, the time to first byte equals the time of the slowest result, and the complete document arrives in one go.

The guard of this example shows how to restore the former string rendering in userland: it wraps this.jsxToString and calls jsxToString from jsx-async-runtime when a route sets this.jsxStream = false.

Current mode: streaming. Watch the results appear one after another.

All done after 1500 ms.