feat: add an unhygenic render macro (#556)

* feat: add an unhygenic render macro

* chore: use render instead of rsx!(cx,

examples/file_explorer.rs

@@ -21,46 +21,48 @@ fn main() {
 fn app(cx: Scope) -> Element {
     let files = use_ref(&cx, Files::new);
 
-    rsx!(cx, div {
-        link { href:"https://fonts.googleapis.com/icon?family=Material+Icons", rel:"stylesheet", }
-        style { include_str!("./assets/fileexplorer.css") }
-        header {
-            i { class: "material-icons icon-menu", "menu" }
-            h1 { "Files: ", files.read().current() }
-            span { }
-            i { class: "material-icons", onclick: move |_| files.write().go_up(), "logout" }
-        }
-        main {
-            files.read().path_names.iter().enumerate().map(|(dir_id, path)| {
-                let path_end = path.split('/').last().unwrap_or(path.as_str());
-                let icon_type = if path_end.contains('.') {
-                    "description"
-                } else {
-                    "folder"
-                };
-                rsx! (
-                    div {
-                        class: "folder",
-                        key: "{path}",
-                        i { class: "material-icons",
-                            onclick: move |_| files.write().enter_dir(dir_id),
-                            "{icon_type}"
-                            p { class: "cooltip", "0 folders / 0 files" }
+    render! {
+        div {
+            link { href:"https://fonts.googleapis.com/icon?family=Material+Icons", rel:"stylesheet", }
+            style { include_str!("./assets/fileexplorer.css") }
+            header {
+                i { class: "material-icons icon-menu", "menu" }
+                h1 { "Files: ", files.read().current() }
+                span { }
+                i { class: "material-icons", onclick: move |_| files.write().go_up(), "logout" }
+            }
+            main {
+                files.read().path_names.iter().enumerate().map(|(dir_id, path)| {
+                    let path_end = path.split('/').last().unwrap_or(path.as_str());
+                    let icon_type = if path_end.contains('.') {
+                        "description"
+                    } else {
+                        "folder"
+                    };
+                    rsx! (
+                        div {
+                            class: "folder",
+                            key: "{path}",
+                            i { class: "material-icons",
+                                onclick: move |_| files.write().enter_dir(dir_id),
+                                "{icon_type}"
+                                p { class: "cooltip", "0 folders / 0 files" }
+                            }
+                            h1 { "{path_end}" }
                         }
-                        h1 { "{path_end}" }
-                    }
-                )
-            }),
-            files.read().err.as_ref().map(|err| {
-                rsx! (
-                    div {
-                        code { "{err}" }
-                        button { onclick: move |_| files.write().clear_err(), "x" }
-                    }
-                )
-            })
+                    )
+                }),
+                files.read().err.as_ref().map(|err| {
+                    rsx! (
+                        div {
+                            code { "{err}" }
+                            button { onclick: move |_| files.write().clear_err(), "x" }
+                        }
+                    )
+                })
+            }
         }
-    })
+    }
 }
 
 struct Files {

examples/svg.rs

@@ -9,7 +9,7 @@ fn main() {
 fn app(cx: Scope) -> Element {
     let val = use_state(&cx, || 5);
 
-    cx.render(rsx! {
+    render! {
         div {
             user_select: "none",
             webkit_user_select: "none",
@@ -31,7 +31,7 @@ fn app(cx: Scope) -> Element {
                 }
             }
         }
-    })
+    }
 }
 
 #[derive(Props)]
@@ -78,7 +78,7 @@ pub fn Die<'a>(cx: Scope<'a, DieProps<'a>>) -> Element {
             })
         });
 
-    rsx!(cx,
+    render! {
       svg {
         onclick: move |e| cx.props.onclick.call(e),
         prevent_default: "onclick",
@@ -97,5 +97,5 @@ pub fn Die<'a>(cx: Scope<'a, DieProps<'a>>) -> Element {
 
         dots
       }
-    )
+    }
 }