Mirrors/dioxus
2
0
Fork 0
mirror of https://github.com/DioxusLabs/dioxus synced 2024-11-22 20:23:09 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs: more docs on recoil

Browse source
This commit is contained in:
Jonathan Kelley 2021-06-16 13:47:41 -04:00
parent 318cac9767
commit 9222d8ece3
1 changed files with 4 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/atoms/README.md
View file

@ -1,27 +1,23 @@
<div align="center">
<h1>⚛ Atoms</h1>
<p>
<strong>Official global state management for Dioxus</strong>
<strong>Global state for Dioxus</strong>
</p>
</div>
Manage global state in Dioxus apps with composable atoms:
Atoms is a global state management toolkit for Dioxus, built on the concept of composable atoms of state:
```rust
const COUNT: Atom<u32> = |_| 0;
const Incr: FC<()> = |cx| {
let (count, set_count) = Atoms::use_read_write(&cx, &COUNT);
cx.render(rsx!(
button { onclick: move |_| set_count(count + 1), "+" }
))
cx.render(rsx!( button { onclick: move |_| set_count(count + 1), "+" } ))
}
const Decr: FC<()> = |cx| {
let (count, set_count) = Atoms::use_read_write(&cx, &COUNT);
cx.render(rsx!(
button { onclick: move |_| set_count(count + 1), "-" }
))
cx.render(rsx!( button { onclick: move |_| set_count(count - 1), "-" } ))
}
const App: FC<()> = |cx| {