dioxus/examples/clock.rs

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

use dioxus::prelude::*;
use futures_util::Future;

#[tokio::main]
async fn main() {
    let mut dom = VirtualDom::new(app);
    dom.rebuild();

    loop {
        dom.wait_for_work().await;
    }

    // dioxus_desktop::launch(app).await;
}

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

    let mut ct = count.to_owned();
    use_coroutine(cx, |_: UnboundedReceiver<()>| async move {
        loop {
            tokio::time::sleep(std::time::Duration::from_millis(10)).await;

            *ct.write() += 1;

            let current = *ct.read();

            println!("current: {}", current);
        }
    });

    let mut count = count.read();

    cx.render(rsx! {
        div { "High-Five counter: {count}" }
    })
}