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
49
50
51
52
53
54
55

#![allow(non_snake_case)]

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

#[test]
fn test_borrowed_state() {
    let mut dom = VirtualDom::new(Parent);

    assert_eq!(
        dom.rebuild().santize().edits,
        [
            LoadTemplate { name: "template", index: 0, id: ElementId(1,) },
            LoadTemplate { name: "template", index: 0, id: ElementId(2,) },
            LoadTemplate { name: "template", index: 0, id: ElementId(3,) },
            HydrateText { path: &[0,], value: "Hello w1!", id: ElementId(4,) },
            ReplacePlaceholder { path: &[1,], m: 1 },
            ReplacePlaceholder { path: &[0,], m: 1 },
            AppendChildren { m: 1, id: ElementId(0) },
        ]
    );
}

fn Parent(cx: Scope) -> Element {
    let w1 = cx.use_hook(|| String::from("w1"));

    cx.render(rsx! {
        div {
            Child { name: w1 }
        }
    })
}

#[derive(Props)]
struct ChildProps<'a> {
    name: &'a str,
}

fn Child<'a>(cx: Scope<'a, ChildProps<'a>>) -> Element {
    cx.render(rsx! {
        div {
            h1 { "it's nested" }
            Child2 { name: cx.props.name }
        }
    })
}

#[derive(Props)]
struct Grandchild<'a> {
    name: &'a str,
}

fn Child2<'a>(cx: Scope<'a, Grandchild<'a>>) -> Element {
    cx.render(rsx!(div { "Hello {cx.props.name}!" }))
}