dnrops
/
leptos
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated the example to work with hydartion

This commit is contained in:
Jose Quesada 2022-12-07 10:04:54 -06:00
parent 46ef1bcf5d
commit c239716170
2 changed files with 12 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
leptos_dom/examples/hydration-test/src/lib.rs
View File

@ -15,17 +15,8 @@ pub fn App(cx: Scope) -> View {
pub fn ComponentA(cx: Scope) -> View {
let (value, set_value) = create_signal(cx, "".to_string());
div(cx)
.child(
input(cx)
.attr("type", "text")
.prop("value", (cx, value))
)
.child(
p(cx)
.child("Value is: ")
.child((cx, value))
.child("!")
)
.child(input(cx).attr("type", "text").prop("value", (cx, value)))
.child(p(cx).child("Value is: ").child((cx, value)).child("!"))
.into_view(cx)
}
@ -33,10 +24,10 @@ cfg_if::cfg_if! {
if #[cfg(feature = "hydrate")] {
use wasm_bindgen::prelude::wasm_bindgen;
#[wasm_bindgen]
pub fn hydrate() {
#[wasm_bindgen(start)]
pub fn start() {
console_error_panic_hook::set_once();
leptos::hydrate(body().unwrap(), move |cx| {
leptos::mount_to_body(move |cx| {
view! { cx, <App/> }
});
}

6
leptos_dom/examples/hydration-test/src/main.rs
View File

@ -1,7 +1,7 @@
use actix_web::{web, App, HttpResponse, HttpServer};
use actix_files::Files;
use leptos::*;
use actix_web::{web, App, HttpResponse, HttpServer};
use hydration_test::*;
use leptos::*;
#[actix_web::main]
async fn main() -> std::io::Result<()> {
@ -23,7 +23,7 @@ async fn main() -> std::io::Result<()> {
format!(r#"<!DOCTYPE html>
<html>
<head>
<script type="module">import init, {{ hydrate }} from '/pkg/hydration_test.js'; init().then(hydrate);</script>
<script type="module">import init from '/pkg/hydration_test.js'; init();</script>
</head>
<body>{html}</body>
</html>