48 lines
1.0 KiB
Rust
48 lines
1.0 KiB
Rust
//! Example: SSR
|
|
//!
|
|
//! This example shows how we can render the Dioxus Virtualdom using SSR.
|
|
|
|
use std::fmt::Write;
|
|
|
|
use dioxus::prelude::*;
|
|
|
|
fn main() {
|
|
// We can render VirtualDoms
|
|
let mut vdom = VirtualDom::new(app);
|
|
let _ = vdom.rebuild();
|
|
println!("{}", dioxus::ssr::render_vdom(&vdom));
|
|
|
|
// Or we can render rsx! calls themselves
|
|
println!(
|
|
"{}",
|
|
dioxus::ssr::render_lazy(rsx! {
|
|
div {
|
|
h1 { "Hello, world!" }
|
|
}
|
|
})
|
|
);
|
|
|
|
// We can configure the SSR rendering to add ids for rehydration
|
|
println!(
|
|
"{}",
|
|
dioxus::ssr::render_vdom_cfg(&vdom, |c| c.pre_render(true))
|
|
);
|
|
|
|
// We can even render as a writer
|
|
let mut file = String::new();
|
|
let _ = file.write_fmt(format_args!(
|
|
"{}",
|
|
dioxus::ssr::TextRenderer::from_vdom(&vdom, Default::default())
|
|
));
|
|
println!("{}", file);
|
|
}
|
|
|
|
fn app(cx: Scope) -> Element {
|
|
cx.render(rsx!(
|
|
div {
|
|
h1 { "Title" }
|
|
p { "Body" }
|
|
}
|
|
))
|
|
}
|