要将 React 组件服务器端渲染 (SSR) 为 HTML 流
import { renderToReadableStream } from "react-dom/server";
function Component(props: { message: string }) {
return (
<body>
<h1>{props.message}</h1>
</body>
);
}
const stream = await renderToReadableStream(
<Component message="Hello from server!" />,
);
将此与 Bun.serve() 结合使用，我们得到一个简单的 SSR HTTP 服务器
Bun.serve({
async fetch() {
const stream = await renderToReadableStream(
<Component message="Hello from server!" />,
);
return new Response(stream, {
headers: { "Content-Type": "text/html" },
});
},
});
React 18.3 及更高版本包含一个 SSR 优化，利用了 Bun 的“直接”ReadableStream 实现。