mirror of
https://github.com/DioxusLabs/dioxus
synced 2024-11-21 19:53:04 +00:00
20d146d9bd
* improve documentation for the fullstack server context * Add a section about axum integration to the crate root docs * make serve_dioxus_application accept the cfg builder directly * remove unused server_fn module * improve fullstack config docs * improve documentation for the server function macro * fix axum router extension link * Fix doc tests * Fix launch builder * Simplify the launch builder * don't re-export launch in the prelude * refactor fullstack launch * Fix fullstack launch builder * Update static generation with the new builder api * fix some formatting/overly broad launch replacements * fix custom menu example * fix fullstack/static generation examples * Fix static generation launch * A few small formatting fixes * Fix a few doc tests * implement LaunchConfig for serve configs * fix fullstack launch with separate web and server launch methods * fix check with all features * dont expose inner core module * clippy and check * fix readme --------- Co-authored-by: Jonathan Kelley <jkelleyrtp@gmail.com>
36 lines
1.3 KiB
Rust
36 lines
1.3 KiB
Rust
//! Example: real-world usage of hydration
|
|
//! ------------------------------------
|
|
//!
|
|
//! This example shows how to pre-render a page using dioxus SSR and then how to rehydrate it on the client side.
|
|
//!
|
|
//! To accomplish hydration on the web, you'll want to set up a slightly more sophisticated build & bundle strategy. In
|
|
//! the official docs, we have a guide for using DioxusStudio as a build tool with pre-rendering and hydration.
|
|
//!
|
|
//! In this example, we pre-render the page to HTML and then pass it into the desktop configuration. This serves as a
|
|
//! proof-of-concept for the hydration feature, but you'll probably only want to use hydration for the web.
|
|
|
|
use dioxus::desktop::Config;
|
|
use dioxus::prelude::*;
|
|
|
|
fn main() {
|
|
dioxus::LaunchBuilder::desktop()
|
|
.with_cfg(Config::new().with_prerendered({
|
|
// We build the dom a first time, then pre-render it to HTML
|
|
let pre_rendered_dom = VirtualDom::prebuilt(app);
|
|
|
|
// We then launch the app with the pre-rendered HTML
|
|
dioxus_ssr::pre_render(&pre_rendered_dom)
|
|
}))
|
|
.launch(app)
|
|
}
|
|
|
|
fn app() -> Element {
|
|
let mut val = use_signal(|| 0);
|
|
|
|
rsx! {
|
|
div {
|
|
h1 { "hello world. Count: {val}" }
|
|
button { onclick: move |_| val += 1, "click to increment" }
|
|
}
|
|
}
|
|
}
|