@mijizhe-opensource/store NPM

@mijizhe-opensource/store

介绍

超轻量状态管理库

遇到问题，请提交issues，或者加 QQ 群278574710

软件架构

基于 Proxy 新特性的状态管理库，无外部类库依赖，轻量好用，五分钟掌握，可轻松用于小程序，web app 等项目。
使用 Typescript，JavaScript 亦可用

安装教程

npm i @mijizhe-opensource/store

使用说明

声明仓库

// ./store.js
import { State, Store } from "@mijizhe-opensource/store"
const rootState = new State({
  foo: "I'm foo",
  bar: new State({
    title: "I'm foobar",
  }),
})
export default new Store(rootState)

业务中使用

// ./updateDocumentTitleCase.js
import store from "./store.js"
const subscription = store.subscribe(
  store.SUBSCRIPTION_TYPE__STATE_UPDATED,
  (state, key, newValue, oldValue) => {
    // 这里可以做一些数据驱动的操作
    // 例如，当 rootState.bar.title 在其他地方发生修改时，页面标题设置成新值
    if (state === store.state.bar && key === "title") {
      document.title = newValue
    }
  }
)
// 不再需要订阅时，记得取消订阅
// subscription.unsubscribe()

// ./test.js
import store from "./store.js"
store.state.bar.title = "goooooooooooood"
// 此时，`./updateDocumentTitleCase.js` 代码所在页面标题发生了改变