How to customize a framework that supports streaming ssr, based on router v7？

[yimingjfe]

Hi everyone,

I've been exploring the documentation at https://reactrouter.com/start/data/custom about customizing framework. However, the examples here do not support streaming SSR. How do I customize a framework that supports streaming SSR?

[sergiodxa]

Instead of renderToString use another react-dom/server method that render to a stream

[riyatechie12]

You can use createFromReadableStream() from react-dom with a compatible server adapter like Express or Vite, and integrate it into your router’s createStaticHandler.

[yimingjfe]

@sergiodxa @riyatechie12 Thank you for your reply, but this issue cannot be solved simply by changing the render method, because in the implementation of react router v7, support for deferred data depends on single-fetch, but single-fetch is not supported in the library mode.

So if it is a purely static page, use renderToReadableStream or renderToPipeableStream, but I don't know how to handle with it after fetching data in the loader.