【文件属性】：
文件名称：klyva：遵循React组件模型的状态管理库
文件大小：497KB
文件格式：ZIP
更新时间：2021-01-28 16:46:33
react atom hook react-components optics
:axe: Klyva
React的可扩展状态管理。
最小的API，具有React性，可组合和可分解的状态！
如何
创建一个原子
可以通过给atom赋予一个值来构造基本原子。
const countAtom = atom ( 5 )
useAtom
useAtom挂钩订阅对原子的更改，因此，如果对其进行了更新，则将通知并更新此组件。 该钩子与react的useState相似，因为它提供了setState函数。
const MyComponent = ( ) => {
const [ value , setValue ] = useAtom ( countAtom )
const increase = ( ) => setValue ( oldValue => oldValue + 1 )
return < button onClick = { increase } > { value } < / button >
}
组成
原子是可组合的。 这意味着您可以使用get函数将两个原子粘合在一起，当任何相关原子被更新时，派生的原子也会被更新：
const atomO
【文件预览】：
klyva-master
----.github()
--------workflows()
----yarn.lock(303KB)
----src()
--------index.tsx(202B)
--------types.ts(695B)
--------focus-atom.ts(3KB)
--------react-utils.ts(4KB)
--------atom-to-source.ts(439B)
--------equal.ts(138B)
--------localstorage-atom.ts(1KB)
--------atom.ts(5KB)
--------cached-subject.ts(2KB)
----examples()
--------todo()
--------mega-form()
--------react-derived-atoms()
--------klyva-demo()
----tsconfig.json(495B)
----LICENSE(1KB)
----test()
--------use-selector.test.tsx(2KB)
--------use-atom.test.tsx(8KB)
--------atom.test.ts(5KB)
--------localstorage-atom.test.ts(3KB)
--------atom-iso.test.ts(392B)
--------atom-prism.test.ts(2KB)
--------tsconfig.json(73B)
--------atom-perf.test.ts(1KB)
--------use-array-slice.test.tsx(4KB)
--------slice-atom-array.test.ts(4KB)
--------atom-derived.test.ts(5KB)
--------atom-readonly.test.ts(2KB)
--------atom-to-source.test.ts(512B)
----README.md(4KB)
----.gitignore(41B)
----.codesandbox()
--------ci.json(79B)
----package.json(3KB)