atom:灵活的状态管理器

时间:2024-06-14 01:45:17
【文件属性】:

文件名称:atom:灵活的状态管理器

文件大小:1.19MB

文件格式:ZIP

更新时间:2024-06-14 01:45:17

state-management webcomponents state lit-html lit-element

原子 灵活的状态管理器 快速开始 :backhand_index_pointing_down: 安装 使用npm安装: npm i -S @klaxon/atom 原子 原子代表可重用状态的小片段,并维护自己的内部存储。 每当触发更新时(通过调用该Atom的setter函数),Atom存储库都会调度一个事件。 订阅该Atom的所有组件都将获取事件,触发更新并仅导致相关组件进行更新和重新呈现。 import { atom } from '@klaxon/atom' ; const [ count , setCount ] = atom ( { key : 'count' , default : 1 } ) ; console . log ( count . getState ( ) ) ; // 1 setCount ( 2 ) ; setCount ( old => old + 1 ) ; console . log ( count


【文件预览】:
atom-master
----integrations()
--------haunted.js(1KB)
--------lit.js(3KB)
--------preact.js(1KB)
----rollup.config.js(550B)
----index.js(150B)
----docs()
--------guides()
--------demos()
--------graph.svg(42KB)
--------_assets()
--------carbon.png(533KB)
--------size.png(518KB)
--------components()
--------_data()
--------index.md(5KB)
----rocket.config.mjs(95B)
----package.json(1KB)
----test()
--------core()
--------lit()
----src()
--------core.js(4KB)
--------devtools.js(1KB)
--------Store.js(481B)
----devtools()
--------panel.html(1KB)
--------index.js(97B)
--------panel.js(12KB)
--------icon16.png(858B)
--------manifest.json(536B)
--------index.html(70B)
--------dist()
--------content_script.js(3KB)
--------edit-24px.svg(349B)
--------json-element.js(5KB)
----.gitignore(122B)
----demo()
--------preact-hooks()
--------hooks()
--------todo-app()
--------init-selector-bug()
--------loadable-atom()
--------nested-selectors()
--------data-fetching-selector()
--------dev-tools()
----README.md(4KB)

网友评论