wip: more work on updating syntad

packages/web/examples/basic.rs

@@ -37,3 +37,32 @@ static C2: FC<()> = |ctx| {
         }
     })
 };
+
+static DocExamples: FC<()> = |ctx| {
+    //
+
+    let is_ready = false;
+
+    let items = (0..10).map(|i| rsx! { li {"{i}"} });
+    let _ = rsx! {
+        ul {
+            {items}
+        }
+    };
+
+    rsx! {
+        div {}
+        h1 {}
+        {""}
+        "asbasd"
+        dioxus::Fragment {
+            //
+        }
+    }
+
+    ctx.render(rsx! {
+        div {
+            { is_ready.then(|| rsx!{ h1 {"We are ready!"} }) }
+        }
+    })
+};

packages/web/examples/derive.rs

@@ -8,14 +8,17 @@ fn main() {
     wasm_bindgen_futures::spawn_local(WebsysRenderer::start(App));
 }
 
+// Use `wee_alloc` as the global allocator.
+#[global_allocator]
+static ALLOC: wee_alloc::WeeAlloc = wee_alloc::WeeAlloc::INIT;
+
 fn App(ctx: Context<()>) -> VNode {
     let cansee = use_state_new(&ctx, || false);
     rsx! { in ctx,
         div {
             "Shadow of the child:"
-            button {
+            button { onclick: move |_| cansee.set(!**cansee)
                 "Gaze into the void"
-                onclick: move |_| cansee.set(!**cansee)
             }
             {cansee.then(|| rsx!{ Child {} })}
         }

packages/web/examples/landingpage2.rs

@@ -1,13 +1,14 @@
 //! Basic example that renders a simple VNode to the browser.
 
-use std::rc::Rc;
+use std::{future::Future, pin::Pin, rc::Rc};
 
 use dioxus_core::prelude::*;
 use dioxus_web::*;
 fn main() {
-    // Setup logging
+    // Setup logging and panic handling
     wasm_logger::init(wasm_logger::Config::new(log::Level::Debug));
     console_error_panic_hook::set_once();
+
     // Run the app
     wasm_bindgen_futures::spawn_local(WebsysRenderer::start(App));
 }
@@ -16,23 +17,16 @@ static App: FC<()> = |ctx| {
     let (contents, set_contents) = use_state(&ctx, || "asd");
 
     ctx.render(rsx! {
-        div  {
-            class: "flex items-center justify-center flex-col"
-            div {
-                class: "flex items-center justify-center"
-                div {
-                    class: "flex flex-col bg-white rounded p-4 w-full max-w-xs"
+        div  { class: "flex items-center justify-center flex-col"
+            div { class: "flex items-center justify-center"
+                div { class: "flex flex-col bg-white rounded p-4 w-full max-w-xs"
                     div { class: "font-bold text-xl", "Example Web app" }
                     div { class: "text-sm text-gray-500", "This is running in your browser!" }
-                    div {
-                        class: "flex flex-row items-center justify-center mt-6"
+                    div { class: "flex flex-row items-center justify-center mt-6"
                         div { class: "font-medium text-6xl", "100%" }
                     }
-                    div {
-                        class: "flex flex-row justify-between mt-6"
-                        a {
-                            href: "https://www.dioxuslabs.com"
-                            class: "underline"
+                    div { class: "flex flex-row justify-between mt-6"
+                        a { href: "https://www.dioxuslabs.com", class: "underline"
                             "Made with dioxus"
                         }
                     }

packages/web/examples/list.rs

@@ -28,17 +28,10 @@ pub struct TodoItem {
 static App: FC<()> = |ctx| {
     let (draft, set_draft) = use_state(&ctx, || "".to_string());
     let (filter, set_filter) = use_state(&ctx, || FilterState::All);
-    let (is_editing, set_is_editing) = use_state(&ctx, || false);
-    // let (todos, set_todos) = use_state(&ctx, || BTreeMap::<String, TodoItem>::new());
-
-    // let todos = use_ref(&ctx, || BTreeMap::<String, TodoItem>::new());
     let todos = use_state_new(&ctx, || BTreeMap::<uuid::Uuid, TodoItem>::new());
-
-    // let blah = "{draft}"
     ctx.render(rsx!(
         div {
             id: "app"
-
             div {
                 header {
                     class: "header"
@@ -60,7 +53,6 @@ static App: FC<()> = |ctx| {
                     input {
                         class: "new-todo"
                         placeholder: "What needs to be done?"
-                        // value: "{draft}"
                         oninput: move |evt| set_draft(evt.value)
                     }
                 }
@@ -76,17 +68,13 @@ static App: FC<()> = |ctx| {
                     .map(|(id, todo)| {
                         rsx!{
                             li {
+                                key: "{id}"
                                 "{todo.contents}"
                                 input {
                                     class: "toggle"
                                     type: "checkbox"
                                     "{todo.checked}"
                                 }
-                                // {is_editing.then(|| rsx!(
-                                //     input {
-                                //         value: "{contents}"
-                                //     }
-                                // ))}
                             }
                         }
                     })