dioxus_lib::prelude

Function use_signal_sync

source
pub fn use_signal_sync<T>(f: impl FnOnce() -> T) -> Signal<T, SyncStorage>
where T: Send + Sync + 'static,
Expand description

Creates a new `Send + Sync`` Signal. Signals are a Copy state management solution with automatic dependency tracking.

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

fn App() -> Element {
    let mut count = use_signal_sync(|| 0);

    // Because signals have automatic dependency tracking, if you never read them in a component, that component will not be re-rended when the signal is updated.
    // The app component will never be rerendered in this example.
    rsx! { Child { state: count } }
}

#[component]
fn Child(state: Signal<u32, SyncStorage>) -> Element {
    use_future(move || async move {
        // This signal is Send + Sync, so we can use it in an another thread
        tokio::spawn(async move {
            // Because the signal is a Copy type, we can use it in an async block without cloning it.
            *state.write() += 1;
        }).await;
    });

    rsx! {
        button {
            onclick: move |_| *state.write() += 1,
            "{state}"
        }
    }
}