dioxus-web 0.6.0-alpha.2

Web renderer for Dioxus using websys
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

use dioxus::prelude::*;
use dioxus_web::Config;
use web_sys::window;

fn app() -> Element {
    rsx! {
        div { h1 { "thing 1" } }
        div { h2 { "thing 2" } }
        div {
            h2 { "thing 2" }
            "asd"
            "asd"
            Bapp {}
        }
        {(0..10).map(|f| rsx!{
            div {
                "thing {f}"
            }
        })}
    }
}

#[allow(non_snake_case)]
fn Bapp() -> Element {
    rsx! {
        div { h1 { "thing 1" } }
        div { h2 { "thing 2" } }
        div {
            h2 { "thing 2" }
            "asd"
            "asd"
        }
    }
}

fn main() {
    console_error_panic_hook::set_once();
    tracing_wasm::set_as_global_default();

    let mut dom = VirtualDom::new(app);
    dom.rebuild(&mut dioxus_core::NoOpMutations);

    let pre = dioxus_ssr::pre_render(&dom);
    tracing::trace!("{}", pre);

    // set the inner content of main to the pre-rendered content
    window()
        .unwrap()
        .document()
        .unwrap()
        .get_element_by_id("main")
        .unwrap()
        .set_inner_html(&pre);

    // now rehydrate
    dioxus_web::launch::launch(app, vec![], Config::new().hydrate(true));
}