docs: more docs on recoil
This commit is contained in:
1 parent
318cac9767
commit
9222d8ece3
1 file changed
+4
-8
@@ -1,27 +1,23 @@
|
|||||||
<div align="center">
|
<div align="center">
|
||||||
<h1>⚛ Atoms</h1>
|
<h1>⚛ Atoms</h1>
|
||||||
<p>
|
<p>
|
||||||
<strong>Official global state management for Dioxus</strong>
|
<strong>Global state for Dioxus</strong>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</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
|
```rust
|
||||||
const COUNT: Atom<u32> = |_| 0;
|
const COUNT: Atom<u32> = |_| 0;
|
||||||
|
|
||||||
const Incr: FC<()> = |cx| {
|
const Incr: FC<()> = |cx| {
|
||||||
let (count, set_count) = Atoms::use_read_write(&cx, &COUNT);
|
let (count, set_count) = Atoms::use_read_write(&cx, &COUNT);
|
||||||
cx.render(rsx!(
|
cx.render(rsx!( button { onclick: move |_| set_count(count + 1), "+" } ))
|
||||||
button { onclick: move |_| set_count(count + 1), "+" }
|
|
||||||
))
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const Decr: FC<()> = |cx| {
|
const Decr: FC<()> = |cx| {
|
||||||
let (count, set_count) = Atoms::use_read_write(&cx, &COUNT);
|
let (count, set_count) = Atoms::use_read_write(&cx, &COUNT);
|
||||||
cx.render(rsx!(
|
cx.render(rsx!( button { onclick: move |_| set_count(count - 1), "-" } ))
|
||||||
button { onclick: move |_| set_count(count + 1), "-" }
|
|
||||||
))
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const App: FC<()> = |cx| {
|
const App: FC<()> = |cx| {
|
||||||
|
|||||||
Reference in new issue
Block a user