@adamite/relay-client 是一款用于与 GraphQL 服务器通信的现代化 JavaScript 库。它是 Facebook Relay 的一个轻量级替代品，能够在任何 React 或 React Native 应用程序中使用，从而增强前端开发人员的能力。
安装
要使用 @adamite/relay-client，您需要安装 NPM 包。将其作为依赖项添加到项目中：
npm install --save @adamite/relay-client
如何使用
使用 @adamite/relay-client，第一步是创建一个 RelayEnvironment。它是 GraphQL 服务器的入口点，可以让您发送查询和变更。
import { RelayEnvironment } from '@adamite/relay-client';
const environment = new RelayEnvironment({
url: 'https://my-graphql-api.com/graphql',
});现在，您可以使用 environment 进行查询：
-- -------------------- ---- -------
----- ----- - -
----- ------------ ---- -
-------- ---- -
--
----
-
-
--
----- --------- - -
--- -
--
----- ------ - ----- ------------------------ -----------
------------------------------Mutations
与查询类似，您还可以使用 environment 进行变更。以下是一个例子：
-- -------------------- ---- -------
----- -------- - -
-------- ------------------- ---- ------ -------- -
------------------ -------- ----- ------ -
---- -
----
-
-
-
--
----- --------- - -
------- --
----- ---------
--
----- ------ - ----- ---------------------------- -----------
-----------------------------------------Subscriptions
除了查询和变更外，@adamite/relay-client 还支持 GraphQL 订阅，这是实时数据的一种有效方式。使用 RelayEnvironment 和 environment.subscribe() 可以方便地订阅数据。
-- -------------------- ---- -------
----- ------------ - -
------------ ------------ -
---------- -
----
-
-
--
----- ------------------ - ------------------------------------
----------------------------- ------ -- -
----------------------------------
---教程结尾
现在，您已经初步了解了如何使用 @adamite/relay-client。它是一款强大而又易于使用的 JavaScript 库，可以帮助您更轻松地构建与 GraphQL 服务器通信的应用程序。
关于 @adamite/relay-client 的其他详细信息和文档可以访问其 GitHub 仓库。如果您在使用过程中遇到任何问题，也可以在该仓库的 Issue 区寻求帮助。
我希望这篇文章对您的前端项目开发有所帮助，这是一个快速学习和掌握 GraphQL 的好地方。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/194634