dioxus-mirror/examples/readme.rs

//! Example: README.md showcase
//!
//! The example from the README.md.

use dioxus::prelude::*;

fn main() {
    dioxus_desktop::launch(app);
}

fn app(cx: Scope) -> Element {
    let mut count = use_state(cx, || 0);

    use_effect(cx, (), move |()| async {});

    use_effect(cx, (count.get(),), move |(count,)| async move {
        move || println!("Count unmounted from {}", count)
    });

    cx.render(rsx! {
        h1 { "High-Five counter: {count}" }
        button { onclick: move |_| count += 1, "Up high!" }
        button { onclick: move |_| count -= 1, "Down low!" }
    })
}