npm 包 @loona/core 使用教程

介绍

@loona/core 是一个基于 GraphQL 的状态管理库,它提供了一种新的方式来管理应用程序的状态。它使用 GraphQL 查询语句作为状态的唯一来源,并使用 RxJS Observables 来管理数据流。@loona/core 没有强制性要求使用特定的框架,优雅地融入您的现有项目中。

安装

使用 npm 进行安装:

--- ------- -----------

用法

初始化

首先,在您的应用程序中初始化一个 LoonaStore 实例:

------ - ---------- - ---- --------------

----- ----- - --- ------------
  ---------- -
    --------- -
      -- --------
    --
    ------ -
      -- --------
    -
  --
  ------- -
    -- ---- ------- ------
  -
---

提供状态

LoonaStore 实例提供了一个 setState 方法,用于向应用程序提供状态:

----------------
  ------ -
    -- ---- ------- --
  --
  -------- -
    -- -------
  --
  ------------ --------------------
  ------- -
    -- ---- ------- --
  -
------------------- -- -
  --------------------
---

可选的 fetchPolicy 参数指定在何时从服务器获取数据,与其他 GraphQL 客户端相同。接收到数据后,setState 函数返回一个 RxJS Observable,您可以订阅它来处理数据。

订阅状态

LoonaStore 实例还提供了一个 state 属性,用于订阅状态:

--------------------------- -- -
  -------------------
---

这个 RxJS Observable 将会在每次应用程序状态发生变化时触发。

总结

在本文中,我们介绍了 @loona/core 这个基于 GraphQL 的状态管理库,并提供了一些关于如何使用它的指导。我们希望这些信息能够帮助您更好地理解这个库并在您的应用程序中使用它。

示例代码

设置状态示例

----------------
  ------ -
    ----- -
      ----- -
        --
        ----
      -
    -
  --
  -------- -
    -- -------
  --
  ------------ --------------------
  ------- -
    -- ---- ------- --
  -
------------------- -- -
  --------------------
---

订阅状态示例

--------------------------- -- -
  -------------------
---

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600668e8d9381d61a3540bae


猜你喜欢

  • npm 包 @kingjs/descriptor.object.remove 使用教程

    什么是 @kingjs/descriptor.object.remove @kingjs/descriptor.object.remove 是一个在 JavaScript 中被广泛使用的 npm 包,...

    3 年前
  • npm包@kingjs/descriptor.object.write使用教程

    #npm包@kingjs/descriptor.object.write使用教程 简介 @kingjs/descriptor.object.write是一个用于 JavaScript 的npm包,用于...

    3 年前
  • npm 包 ak-json-to-joi 使用教程

    前言 在前端开发中,我们经常需要对用户输入的数据进行校验和格式验证。JoI 是一个非常流行的 JavaScript 类库,它可以对数据进行强大的类型判断和格式验证。

    3 年前
  • npm 包 ftrm-homekit 使用教程

    什么是 ftrm-homekit ftrm-homekit 是一个 npm 包,用于在 Node.js 中实现 HomeKit 桥接。它使得开发者可以使用 JavaScript 脚本控制 HomeKi...

    3 年前
  • npm 包 pug-lint-config-no-deprecated 使用教程

    如果你是一名前端开发人员,那么你一定会用到 Pug。Pug 是一种高效且易于使用的模板语言,可以帮助你编写清晰、简洁的 HTML 代码。然而,当你在使用 Pug 时,可能会遇到一些问题,例如模板中的过...

    3 年前
  • npm 包 generator-templates-gulp 使用教程

    在前端领域,Gulp 是一款流行的任务自动化工具,它可以帮助我们快速自动化处理前端开发中的诸多重复工作。而 generator-templates-gulp 则是一个基于 Gulp 的项目开发脚手架。

    3 年前
  • npm 包 generator-docker-devbox 使用教程

    介绍 generator-docker-devbox 是一个 npm 包,旨在为前端开发人员提供简单易用的 Docker 开发环境。该工具可以快速搭建一个 Node.js 开发环境,并提供代码热更新和...

    3 年前
  • NPM 包 @kingjs/descriptor.object.is-frozen 使用教程

    前言 在前端开发中,处理对象的过程是非常常见的。对象可以储存数据,封装代码,组织逻辑等等。但有些时候,我们修改不希望修改的对象属性便可能出现一些不可预料的问题。因此,需要使用 “freeze” 关键字...

    3 年前
  • npm 包 @kingjs/descriptor.object.prolog 使用教程

    @kingjs/descriptor.object.prolog 是一款npm包,为处理对象的prolog提供了一种可靠的方式。该文章将指导你如何使用它,并提供具体示例。

    3 年前
  • npm 包 @kingjs/descriptor.object 使用教程

    简介 @kingjs/descriptor.object 是一个 npm 包,提供了一些方便的 API,用于在 JavaScript 中操作对象。 安装 使用 npm 命令安装: --- ------...

    3 年前
  • npm 包 @mhyfritz/acronym 使用教程

    前言 在前端开发中,我们经常需要使用缩写词对代码中的一些单词进行简写,以达到减少代码中字符数量、提升代码可读性的目的。但是,随着项目不断扩大,我们常常需要使用的缩写词变得越来越多,这时手动去查找这些缩...

    3 年前
  • npm 包 @open-artifact/artifactdb-ui 使用教程

    在前端开发中,我们往往需要使用一些开源工具或者第三方库来提高效率和质量。其中,npm 就是前端开发最常用的包管理器。本文介绍 npm 包 @open-artifact/artifactdb-ui 的使...

    3 年前
  • npm 包 @rq/react-map-props 使用教程

    前端开发中,我们经常需要将组件间的传值进行转换和组合,而 @rq/react-map-props 就是一个优秀的 npm 包,可以轻松地进行属性映射和组合。本文将会介绍如何使用这个包,并通过实例代码详...

    3 年前
  • npm 包 commitlint-config-imt 使用教程

    在前端开发过程中,代码规范对于团队协作和维护代码的可读性和可维护性非常重要。而其中的一项重要规范就是 commit message 的格式。commitlint-config-imt 是一款可以帮助我...

    3 年前
  • npm 包 doge-insight-ui 使用教程

    在前端开发中,有很多常用的 npm 包可以帮助我们更好的开发。其中,doge-insight-ui 包是一个非常有用的工具包。这个包可以帮助我们快速地创建一个类似于 Dogechain 的区块链浏览器...

    3 年前
  • npm 包 k-mers 使用教程

    简介 k-mers 是一种用于 DNA 测序数据处理的算法,可以用于序列比对、变异检测、物种鉴定等。k-mers 算法将 DNA 测序数据拆分成连续的 k 个碱基片段,并将每个碱基片段看作是一个字母,...

    3 年前
  • npm 包 wy-custom-utils 使用教程

    随着前端开发不断发展,我们常常需要使用一些常用的工具函数来提高开发效率。为此,我们推出了 npm 包 wy-custom-utils,为大家提供了许多常用的工具函数。

    3 年前
  • npm 包 @tuapath/knex-cleaner2 使用教程

    介绍 @tuapath/knex-cleaner2 是一个 Node.js 的 npm 包,它可以实现让你的 Knex.js 数据库状态恢复到初始状态。这个包的主要功能是将数据库的数据清空,重置计数器...

    3 年前
  • npm 包 hyper-dark 使用教程

    介绍 Hyper 是一款现代化的终端软件,它支持插件和主题的扩展。Hyper-dark 是 Hyper 的一款主题,它具有深色背景和高亮颜色,非常适合深夜工作时使用。

    3 年前
  • npm 包 dogecore-build 使用教程

    介绍 dogecore-build 是一个 Node.js 的命令行工具,它可以帮助开发者将 Dogecoin 相关的源代码构建成一个完整的可执行二进制文件,方便开发者进行开发、测试和部署。

    3 年前

相关推荐

    暂无文章