dioxus-provider 0.2.1

Data fetching and caching library for Dioxus applications with intelligent caching strategies and global providers.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65

use dioxus::prelude::*;
use dioxus_provider::platform::sleep;
use dioxus_provider::prelude::*;
use std::time::Duration;

// A provider that fetches a user's age (simulated async)
#[provider]
async fn fetch_user_age(user_id: u32) -> Result<u32, String> {
    // Simulate network delay
    sleep(Duration::from_millis(800)).await;
    if user_id == 0 {
        Err("User not found".to_string())
    } else {
        Ok(25)
    }
}

#[component]
fn UserAgeCard(user_id: u32) -> Element {
    let state = use_provider(fetch_user_age(), user_id);

    // Use combinators to transform and handle the state
    let message: State<String, String> = state
        .read()
        .clone()
        .map(|age| format!("User is {age} years old."))
        .map_err(|err| format!("Could not load age: {err}"))
        .and_then(|msg| {
            // Only show a special message if age > 21
            if msg.contains("25") {
                State::Success(format!("{msg} (Eligible for premium features!)"))
            } else {
                State::Success(msg)
            }
        });

    rsx! {
        match &message {
            State::Loading { .. } => rsx!(div { "Loading age..." }),
            State::Success(msg) => rsx!(div { "{msg}" }),
            State::Error(err) => rsx!(div { style: "color: red;", "{err}" }),
        }
    }
}

#[component]
fn App() -> Element {
    let mut user_id = use_signal(|| 1u32);

    rsx! {
        div { class: "container",
            h1 { "ProviderState Combinators Demo" }
            button {
                onclick: move |_| user_id += 1,
                "Next User"
            }
            UserAgeCard { user_id: *user_id.read() }
        }
    }
}

fn main() {
    let _ = dioxus_provider::init();
    launch(App);
}