React Streaming SSR

ssr-example.js

const render = async (response: ServerResponse, requestProps: RequestProps) => {
    const { page, parameters } = findPage(requestProps.url);
    const serverProps = {
        request: {
            parameters,
            ...requestProps
        }
    }

    const pageProps = await getPageProps(page, serverProps, {});
    const props = Object.assign({}, {
        ...serverProps,
        ...pageProps,
    });
    const serverApp = extractor.collectChunks(
        createElement(Server, props)
    );
    const headComponent = createElement(Head, props);
    const head: string = [
        (s: string) => () => injectDataProps(props, s),
        (s: string) => () => injectIntoHead(extractor.getLinkTags(), s),
        (s: string) => () => injectIntoHead(extractor.getStyleTags(), s),
    ].reduce(
        (h: string, fn: Function) => fn(h)(),
        renderToStaticMarkup(headComponent)
    );

    response.write(
        firstWrite(head)
    );
    response.flushHeaders();

    renderToNodeStream(serverApp)
        .on("end", () => {
            response.end(
                lastWrite(extractor.getScriptTags())
            );
        })
        .pipe(response, { end: false });

};