Relay (GraphQL)

通过 vite-plugin-ssr, 我们可以控制我们的应用架构;只需按照其 SSR 文档即可集成 Relay
在高层次上,SSR 集成是这样工作的:
  1. 在服务端获取初始数据 (我们在服务端执行此操作,以便于初始数据渲染到HTML)
  2. 将初始数据传递到 pageContext.initialData
  3. 通过将 'initialData' 添加到 passToClient 使 pageContext.initialData 在浏览器端可用
  4. 使用 pageContext.initialData 在浏览器端初始化 Relay

React Streaming

使用 Relay 搭配 React Streaming,请参考:

Relay 与 React 18 的新 SSR Suspense Render-as-you-Fetch 架构的深度集成示例: