dioxus-core 0.3.1

Core functionality for Dioxus - a concurrent renderer-agnostic Virtual DOM for interactive user experiences
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

use bumpalo::Bump;
use dioxus::core::{ElementId, Mutation};
use dioxus::prelude::*;

fn basic_syntax_is_a_template(cx: Scope) -> Element {
    let asd = 123;
    let var = 123;

    cx.render(rsx! {
        div { key: "12345",
            class: "asd",
            class: "{asd}",
            onclick: move |_| {},
            div { "{var}" }
            div {
                h1 { "var" }
                p { "you're great!" }
                div { background_color: "red",
                    h1 { "var" }
                    div { b { "asd" } "not great" }
                }
                p { "you're great!" }
            }
        }
    })
}
#[test]
fn dual_stream() {
    let mut dom = VirtualDom::new(basic_syntax_is_a_template);
    let bump = Bump::new();
    let edits = dom.rebuild().santize();

    use Mutation::*;
    assert_eq!(edits.edits, {
        [
            LoadTemplate { name: "template", index: 0, id: ElementId(1) },
            SetAttribute {
                name: "class",
                value: (&*bump.alloc("123".into_value(&bump))).into(),
                id: ElementId(1),
                ns: None,
            },
            NewEventListener { name: "click", id: ElementId(1) },
            HydrateText { path: &[0, 0], value: "123", id: ElementId(2) },
            AppendChildren { id: ElementId(0), m: 1 },
        ]
    });
}