dioxus-mirror/packages/signals/examples/selector.rs

use dioxus::prelude::*;
use dioxus_signals::*;

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

#[component]
fn App() -> Element {
    let signal = use_signal(|| 0);
    let doubled = use_selector(move || signal * 2);

    render! {
        button {
            onclick: move |_| *signal.write() += 1,
            "Increase"
        }
        Child { signal: doubled }
    }
}

#[component]
fn Child(signal: ReadOnlySignal<usize>) -> Element {
    render! { "{signal}" }
}