React Relay 和服务器端渲染

Posted 2023-03-08

【中文标题】React Relay 和服务器端渲染

【英文标题】：React Relay and server side rendering

【发布时间】：2016-10-12 11:05:19

【问题描述】：

我一直在开发一个使用 react 构建的同构应用程序，并且我已经阅读了有关使用 Relay.js 和 GraphQL 进行客户端-服务器交互的信息。 我一直在想，在使用 Relay.js 时，特别是在使用 react 的服务器端渲染和同构应用程序开发时，是否有任何特殊设置或要记住的事情？

【参考方案1】：

您需要使用 babel 将 relay 转换为 graphql 查询。 缓存需要来自 facebook 或类似的数据加载器。 您的数据模型需要完全规范化才能使用上述内容。 尽量避免 JSON 作为列类型，在 graphql 中难以描述 将graphiql 用作browser plugin 或独立使用

【参考方案2】：

React Relay 目前没有针对同构应用程序的“开箱即用”解决方案。 不过还是有办法的：

isomorphic-relay：npm 包，其中包含有关如何轻松集成的非常详细的文档。

isomorphic-relay-router：使用isomorphic-relay 为react-router-relay 添加服务器端渲染支持的npm 包。

据我了解，正在添加服务器端渲染，但没有 ETA。