【文件属性】:
文件名称:state-prism:订阅状态变更
文件大小:155KB
文件格式:ZIP
更新时间:2021-03-06 22:43:22
state-management TypeScript
国家棱镜
订阅状态变更
:sparkles: 特征
state-prism可让您订阅状态更改。 它是之上的薄层。
我主要将它用于游戏。 每当游戏状态更新时,我都会触发回调以重新呈现依赖于该状态的UI组件。
:wrench: 用法示例
假设我的状态如下:
state.js
import { init } from 'state-prism'
const state = {
player : {
mana : 10 ,
} ,
}
export default init ( state )
在我的代码中,玩家花费5点法力值:
battle.js
import state from './state'
state . player . mana -= 5
然后,我可以重新渲染呈现法力的UI组件。
ui.js
import { subscribe } from 'state-prism'
s
【文件预览】:
state-prism-master
----example()
--------.babelrc(67B)
--------performance.js(578B)
--------package.json(535B)
--------index.test.ts(1KB)
--------setupTests.js(92B)
--------yarn.lock(140KB)
----.babelrc(67B)
----rollup.config.js(303B)
----docs()
--------init.md(397B)
--------getSubscriberCount.md(328B)
--------subscribe.md(723B)
--------target.md(576B)
----package.json(1KB)
----build-test.sh(293B)
----src()
--------index.ts(3KB)
----tsconfig.json(299B)
----.gitignore(46B)
----.npmrc(16B)
----README.md(3KB)
----yarn.lock(233KB)
----lint-staged.config.js(95B)