2023-08-08 20:06:33 +00:00
|
|
|
use dioxus::prelude::*;
|
|
|
|
|
|
|
|
fn main() {
|
2024-01-19 22:19:49 +00:00
|
|
|
// dioxus_desktop::launch(app);
|
2023-08-08 20:06:33 +00:00
|
|
|
}
|
|
|
|
|
2024-01-14 04:51:37 +00:00
|
|
|
fn app() -> Element {
|
2024-01-19 22:19:49 +00:00
|
|
|
let mut signal = use_signal(|| 0);
|
2023-08-08 20:06:33 +00:00
|
|
|
|
2024-01-14 05:12:21 +00:00
|
|
|
use_future(|| async move {
|
2023-08-08 20:06:33 +00:00
|
|
|
loop {
|
|
|
|
tokio::time::sleep(std::time::Duration::from_secs(1)).await;
|
2024-01-19 22:19:49 +00:00
|
|
|
signal += 1;
|
2023-08-08 20:06:33 +00:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2024-01-19 22:19:49 +00:00
|
|
|
let mut local_state = use_signal(|| 0);
|
|
|
|
|
|
|
|
let computed = use_selector_with_dependencies((&local_state(),), move |(local_state,)| {
|
2024-01-16 05:12:44 +00:00
|
|
|
local_state * 2 + signal.cloned()
|
2024-01-14 04:51:37 +00:00
|
|
|
});
|
2024-01-19 22:19:49 +00:00
|
|
|
|
2023-08-08 20:06:33 +00:00
|
|
|
println!("Running app");
|
|
|
|
|
2024-01-16 19:18:46 +00:00
|
|
|
rsx! {
|
2024-01-19 22:19:49 +00:00
|
|
|
button { onclick: move |_| local_state.set(local_state() + 1), "Add one" }
|
|
|
|
div { "{computed}" }
|
2023-08-08 20:06:33 +00:00
|
|
|
}
|
|
|
|
}
|