文件名称::pill:Valtio使React和Vanilla的代理状态变得简单-React开发
文件大小:546KB
文件格式:ZIP
更新时间:2024-06-16 08:47:11
React Miscellaneous
:pill:Valtio使React和Vanilla Alt的代理状态变得简单。 描述Valtio npm i valtio使代理状态变得简单从“ valtio”包装状态对象导入{proxy,useProxy} const state = proxy({count:0,text:'hello'})从任何地方进行突变setInterval(()=> {++ state.count},1000)通过useProxy函数Counter()做出React{const snapshot = useProxy(state)//经验法则:从快照读取,改变源// //当快照读取更改返回时,组件呈现(
【文件预览】:
valtio-master
----.eslintrc.json(2KB)
----.gitignore(279B)
----.codesandbox()
--------ci.json(96B)
----package.json(5KB)
----src()
--------vanilla.ts(6KB)
--------macro.ts(1KB)
--------index.ts(50B)
--------utils.ts(10KB)
--------useMutableSource.ts(3KB)
--------react.ts(5KB)
----LICENSE(1KB)
----tsconfig.json(397B)
----.github()
--------workflows()
----rollup.config.js(2KB)
----logo.svg(7KB)
----examples()
--------counter()
--------README.md(107B)
--------todo()
----tests()
--------async.test.tsx(3KB)
--------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(6KB)
--------macro.test.ts(739B)
--------ref.test.tsx(2KB)
--------__snapshots__()
--------watch.test.tsx(2KB)
----readme.md(8KB)
----babel.config.js(485B)
----.size-snapshot.json(2KB)
----.husky()
--------.gitignore(2B)
--------pre-commit(59B)
----yarn.lock(331KB)