Feat: custom format_args for inlining variables into html templates

packages/web/examples/jackjill.rs

@@ -0,0 +1,38 @@
+use dioxus::prelude::bumpalo;
+use dioxus::prelude::format_args_f;
+use dioxus::prelude::*;
+use dioxus_core as dioxus;
+use dioxus_core::prelude::html;
+use dioxus_web::WebsysRenderer;
+
+fn main() {
+    pretty_env_logger::init();
+    log::info!("Hello!");
+
+    wasm_bindgen_futures::spawn_local(WebsysRenderer::start(Example))
+}
+
+static Example: FC<()> = |ctx, props| {
+    let (name, set_name) = use_state(&ctx, || "...?");
+
+    ctx.view(html! {
+        <div>
+            <h1> "Hello, {name}" </h1>
+            <button onclick={move |_| set_name("jack")}> "jack!" </button>
+            <button onclick={move |_| set_name("jill")}> "jill!" </button>
+        </div>
+    })
+};
+
+struct ItemProps {
+    name: String,
+    birthdate: String,
+}
+static Item: FC<ItemProps> = |ctx, ItemProps { name, birthdate }| {
+    ctx.view(html! {
+        <div>
+            <p>"{name}"</p>
+            <p>"{birthdate}"</p>
+        </div>
+    })
+};