modx 0.1.4

A way to handle states with structs in Dioxus inspired by mobx
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

use {dioxus::prelude::*, modx::store};

fn main() {
    launch(app);
}

#[store]
struct TodoStore {
    tasks: Vec<String>,
    value: String,
}

impl TodoStore {
    fn add_todo(&mut self) {
        self.tasks.push(self.value());
        self.value.set(String::new());
    }

    fn pop_todo(&mut self) {
        self.tasks.pop();
    }

    fn update_value(&mut self, s: String) {
        self.value.set(s);
    }
}

fn app() -> Element {
    let mut store = TodoStore::new();

    rsx!(
        input {
            oninput: move |e| store.update_value(e.data().value()),
            onkeydown: move |e| if e.data().key() == Key::Enter { store.add_todo() },
            value: "{store.value}"
        }
        button {
            onclick: move |_| store.add_todo(),
            "Add Task"
        }
        button {
            onclick: move |_| store.pop_todo(),
            "Pop Task"
        }
        ul {
            for (idx, task) in store.tasks().iter().enumerate() {
                li {
                    key: "{idx}",
                    "{task}"
                }
            }
        }
    )
}