feat: amazingly awesome error handling

packages/core/examples/alternative.rs

@@ -1,20 +1,25 @@
 fn main() {}
 
-// use dioxus::*;
-// use dioxus_core as dioxus;
-// use dioxus_core::prelude::*;
+use dioxus::*;
+use dioxus_core as dioxus;
+use dioxus_core::prelude::*;
 
-// pub static Example: FC<()> = |cx| {
-//     let list = (0..10).map(|f| LazyNodes::new(move |f| todo!()));
+pub static Example: FC<()> = |cx| {
+    let list = (0..10).map(|f| LazyNodes::new(move |f| todo!()));
 
-//     cx.render(LazyNodes::new(move |cx| {
-//         let bump = cx.bump();
-//         cx.raw_element("div")
-//             .children([
-//                 cx.text(format_args!("hello")),
-//                 cx.text(format_args!("hello")),
-//                 cx.fragment_from_iter(list),
-//             ])
-//             .finish()
-//     }))
-// };
+    cx.render(LazyNodes::new(move |cx| {
+        let bump = cx.bump();
+        cx.raw_element(
+            "div",
+            None,
+            &mut [],
+            &mut [],
+            cx.bump().alloc([
+                cx.text(format_args!("hello")),
+                cx.text(format_args!("hello")),
+                cx.fragment_from_iter(list),
+            ]),
+            None,
+        )
+    }))
+};

packages/core/examples/borrowed.rs

@@ -20,7 +20,7 @@ struct ListItem {
     age: u32,
 }
 
-fn app(cx: Context<AppProps>) -> VNode {
+fn app(cx: Context<AppProps>) -> DomTree {
     // let (val, set_val) = use_state_classic(cx, || 0);
 
     cx.render(LazyNodes::new(move |_nodecx| {
@@ -56,7 +56,7 @@ struct ChildProps {
     item_handler: Rc<dyn Fn(i32)>,
 }
 
-fn ChildItem<'a>(cx: Context<'a, ChildProps>) -> VNode {
+fn ChildItem<'a>(cx: Context<'a, ChildProps>) -> DomTree {
     cx.render(LazyNodes::new(move |__cx| todo!()))
 }
 

packages/core/examples/fragment_from_iter.rs

@@ -0,0 +1,48 @@
+fn main() {}
+
+use dioxus_core::prelude::*;
+
+fn App(cx: Context<()>) -> DomTree {
+    //
+    let vak = cx.use_suspense(
+        || async {},
+        |c, res| {
+            //
+            c.render(LazyNodes::new(move |f| f.text(format_args!(""))))
+        },
+    );
+
+    let d1 = cx.render(LazyNodes::new(move |f| {
+        f.raw_element(
+            "div",
+            None,
+            &mut [],
+            &[],
+            f.bump().alloc([
+                f.fragment_from_iter(vak),
+                f.text(format_args!("")),
+                f.text(format_args!("")),
+                f.text(format_args!("")),
+                f.text(format_args!("")),
+            ]),
+            None,
+        )
+    }));
+
+    cx.render(LazyNodes::new(move |f| {
+        f.raw_element(
+            "div",
+            None,
+            &mut [],
+            &[],
+            f.bump().alloc([
+                f.text(format_args!("")),
+                f.text(format_args!("")),
+                f.text(format_args!("")),
+                f.text(format_args!("")),
+                f.fragment_from_iter(d1),
+            ]),
+            None,
+        )
+    }))
+}

packages/core/examples/macrosrc.rs

@@ -57,7 +57,7 @@ fn main() {}
 //     }
 // }
 
-// fn component<'a>(cx: Context<'a, Props>) -> VNode<'a> {
+// fn component<'a>(cx: Context<'a, Props>) -> DomTree<'a> {
 //     // Write asynchronous rendering code that immediately returns a "suspended" VNode
 //     // The concurrent API will then progress this component when the future finishes
 //     // You can suspend the entire component, or just parts of it
@@ -82,7 +82,7 @@ fn main() {}
 //     })
 // }
 
-// fn BuilderComp<'a>(cx: Context<'a, Props>) -> VNode<'a> {
+// fn BuilderComp<'a>(cx: Context<'a, Props>) -> DomTree<'a> {
 //     // VNodes can be constructed via a builder or the html! macro
 //     // However, both of these are "lazy" - they need to be evaluated (aka, "viewed")
 //     // We can "view" them with Context for ultimate speed while inside components
@@ -96,7 +96,7 @@ fn main() {}
 // }
 
 // #[fc]
-// fn EffcComp(cx: Context, name: &str) -> VNode {
+// fn EffcComp(cx: Context, name: &str) -> DomTree {
 //     // VNodes can be constructed via a builder or the html! macro
 //     // However, both of these are "lazy" - they need to be evaluated (aka, "viewed")
 //     // We can "view" them with Context for ultimate speed while inside components
@@ -110,7 +110,7 @@ fn main() {}
 //     })
 // }
 
-// fn FullySuspended<'a>(cx: &'a Context<Props>) -> VNode<'a> {
+// fn FullySuspended<'a>(cx: &'a Context<Props>) -> DomTree<'a> {
 //     cx.suspend(async {
 //         let i: i32 = 0;