valtio::pill:Valtio使React和Vanilla的代理状态变得简单

时间:2024-02-26 15:49:52
【文件属性】:

文件名称:valtio::pill:Valtio使React和Vanilla的代理状态变得简单

文件大小:329KB

文件格式:ZIP

更新时间:2024-02-26 15:49:52

react state easy mutable React

npm i valtio使代理状态变得简单 包装状态对象 Valtio将您传递给它的对象变成一个自我感知的代理。 import { proxy , useProxy } from ' valtio ' const state = proxy ({ count : 0 , text : ' hello ' }) 从任何地方变异 您可以像对普通js对象一样进行更改。 setInterval (() => { ++ state . count }, 1000 ) 通过useProxy做出React 创建捕获更改的本地快照。 经验法则:从快照读取,更改源。 仅当您访问的状态的一部分已更改且组件


【文件预览】:
valtio-master
----.eslintrc.json(2KB)
----.gitignore(273B)
----.codesandbox()
--------ci.json(80B)
----package.json(4KB)
----src()
--------vanilla.ts(6KB)
--------index.ts(3KB)
--------utils.ts(6KB)
--------useMutableSource.ts(2KB)
----LICENSE(1KB)
----tsconfig.json(397B)
----.github()
--------workflows()
----rollup.config.js(2KB)
----logo.svg(7KB)
----examples()
--------counter()
--------README.md(107B)
--------todo()
----tests()
--------async.test.tsx(2KB)
--------subscribe.test.tsx(2KB)
--------basic.test.tsx(8KB)
--------getter.test.tsx(2KB)
--------setNodeEnvProduction.ts(36B)
--------class.test.tsx(7KB)
--------mapset.test.tsx(1KB)
--------computed.test.tsx(3KB)
----readme.md(4KB)
----babel.config.js(561B)
----.size-snapshot.json(995B)
----yarn.lock(318KB)

网友评论