简介
gi-mini-dvajs 是一个简单、轻量级的状态管理库,其设计灵感来源于大名鼎鼎的 dva.js。gi-mini-dvajs 的目标是提供一个类似于 dva.js 的功能,并且更轻量级,更容易上手。
安装
使用 npm 安装 gi-mini-dvajs:
npm install gi-mini-dvajs
快速上手
gi-mini-dvajs 与 dva.js 类似,我们可以按照如下方式来使用:
-- -------------------- ---- ------- ------ - -------- ----- - ---- ---------------- ----- ----- - ------- -- - ------ --- --------------- -- - ------------------- --------- --- -- ----- ---------- - --------- ---------- -------- ------ - ------ -- -- -------- - ------------ - --- -- - ----- ------------ ----- ----- ----- ----- --- -- -- --------- - ---------- - ------ - --------- ------ ----------- - -- -- -- -- --- -- -- ----- -- ----- --- - -------- -- -- ----- ---------------------- -- ---- ------------ -- -- ------ -------------- ----- ---------------- --- -- -- ----- --- ---------------------- -- - ----- ----- - --------------------- ------------------------------- ---
详细说明
giDva
giDva 类似于 dva.js 中的 dva 函数,用于创建 gi-mini-dvajs 的实例。具体使用方法如下:
const app = giDva(options);
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