npm 包 gi-mini-dvajs 使用教程

阅读时长 4 分钟读完

简介

gi-mini-dvajs 是一个简单、轻量级的状态管理库,其设计灵感来源于大名鼎鼎的 dva.js。gi-mini-dvajs 的目标是提供一个类似于 dva.js 的功能,并且更轻量级,更容易上手。

安装

使用 npm 安装 gi-mini-dvajs:

快速上手

gi-mini-dvajs 与 dva.js 类似,我们可以按照如下方式来使用:

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

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

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

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

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

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

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

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

详细说明

giDva

giDva 类似于 dva.js 中的 dva 函数,用于创建 gi-mini-dvajs 的实例。具体使用方法如下:

giDva 接受一个可选的 options 参数,其属性有:

  • initialState : 指定应用的初始状态
  • middlewares : 应用中间件,格式为:[...middleware1, middleware2, ...]

giModel

giModel 用于创建数据模型,可以包含以下属性:

  • namespace : 当前 model 的命名空间。
  • state : 当前 model 的状态。
  • reducers : 用于修改 state 的 reducer 函数。
  • effects : 用于处理副作用的函数,比如异步请求。

使用 giModel 创建的 model 需要注册到 giDva 实例中,比如:

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

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

app.store

gi-mini-dvajs 中的 store 与 redux 中的 store 是相同的,它提供了两个基础 API:

  • getState()
  • dispatch(action)

getState 方法用于获取当前应用的状态,dispatch 方法用于向应用分发 action。

app.start()

作为 giDva 实例的一个方法,它用于启动应用。

总结

gi-mini-dvajs 是一个轻量级的状态管理库,它与 dva.js 类似,可以让我们更方便地管理应用的状态。它的 API 很简单,在使用的时候也非常容易上手,可以让你快速构建一个优秀的前端应用。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005642281e8991b448e150b

纠错
反馈