推荐使用 ReactRelayNetworkModern：为 Relay Modern 增强网络层

1、项目介绍

ReactRelayNetworkModern 是一个专为 Relay Modern 设计的网络层组件，它提供了多种中间件，可动态处理请求和响应（如更改认证头、请求URL或在失败时执行回退），并支持批量请求合并以及缓存查询功能。此外，这个库还适用于浏览器、React Native 和 Node 服务器端渲染环境。

想要为 Relay Classic 应用寻找网络层解决方案？别担心，可以参考 react-relay-network-layer。

2、项目技术分析

该项目基于全局 fetch 方法构建，因此，如果您的客户端较旧，请确保已正确引入 polyfill，例如 whatwg-fetch、node-fetch 或 fetch-everywhere。为了保持轻量级，它没有内置 regeneratorRuntime，但提供了一种解决运行时错误的方法。

ReactRelayNetworkModern 提供了不同构建版本以满足各种需求，包括源代码无 Flow 类型声明的版本。默认导入适用于大多数浏览器，而对于特殊场景，你可以选择其他构建版本。

3、项目及技术应用场景

• 开发环境：在开发过程中，通过中间件进行日志记录，便于调试和优化你的 GraphQL 请求。
• 生产环境：利用缓存中间件提高性能，减少不必要的网络请求，并通过自动重试机制增强系统稳定性。
• 跨平台应用：无论是在浏览器还是移动端，ReactRelayNetworkModern 都能轻松应对，提供统一的网络接口。
• 服务器渲染：在 Node.js 环境下，配合 SSR（服务器端渲染）策略，实现更高效的页面加载和SEO优化。

4、项目特点

1. 灵活的中间件系统：允许你自定义中间件来拦截并修改请求与响应，比如添加认证信息或者改变请求URL。
2. 内置中间件集合：包括 URL 处理、缓存管理、身份验证、重试逻辑以及日志记录等实用功能。
3. 兼容性广泛：适配多环境下运行，如浏览器、React Native 和 Node.js。
4. 优化工具：支持批量发送请求，降低网络延迟，提升用户体验。

要开始使用 ReactRelayNetworkModern，只需简单安装：

yarn add react-relay-network-modern
OR
npm install react-relay-network-modern --save

遇到 regeneratorRuntime 或 core-js 相关问题，可以根据项目文档提供的方法进行设置。

ReactRelayNetworkModern 以其强大的灵活性、丰富的功能集和广泛的兼容性，为 Relay Modern 应用提供了一个高效且可定制的网络层解决方案。如果你正在寻找一个能够提升 GraphQL 应用性能的网络层组件，这是一个值得尝试的选择。