depreciate the render macro

packages/router/README.md

@@ -48,14 +48,14 @@ enum Route {
 
 #[component]
 fn App() -> Element {
-    render! {
+    rsx! {
         Router::<Route> { }
     }
 }
 
 #[component]
 fn Index() -> Element {
-    render! {
+    rsx! {
         h1 { "Index" }
         Link {
             to: Route::BlogList {},
@@ -66,7 +66,7 @@ fn Index() -> Element {
 
 #[component]
 fn Blog() -> Element {
-    render! {
+    rsx! {
         h1 { "Blog" }
         Outlet::<Route> { }
     }
@@ -74,7 +74,7 @@ fn Blog() -> Element {
 
 #[component]
 fn BlogList() -> Element {
-    render! {
+    rsx! {
         h2 { "List of blog posts" }
         Link {
             to: Route::BlogPost { blog_id: 0 },
@@ -89,7 +89,7 @@ fn BlogList() -> Element {
 
 #[component]
 fn BlogPost(blog_id: usize) -> Element {
-    render! {
+    rsx! {
         h2 { "Blog Post" }
     }
 }

packages/router/benches/incremental.rs

@@ -136,7 +136,7 @@ criterion_main!(benches);
 
 #[component]
 fn Blog() -> Element {
-    render! {
+    rsx! {
         div {
             "Blog"
         }
@@ -145,7 +145,7 @@ fn Blog() -> Element {
 
 #[component]
 fn Post(id: usize) -> Element {
-    render! {
+    rsx! {
         for _ in 0..*id {
             div {
                 "PostId: {id}"
@@ -156,7 +156,7 @@ fn Post(id: usize) -> Element {
 
 #[component]
 fn PostHome() -> Element {
-    render! {
+    rsx! {
         div {
             "Post"
         }
@@ -165,7 +165,7 @@ fn PostHome() -> Element {
 
 #[component]
 fn Home() -> Element {
-    render! {
+    rsx! {
         div {
             "Home"
         }
@@ -192,7 +192,7 @@ enum Route {
 #[component]
 fn RenderPath(path: Route) -> Element {
     let path = path.clone();
-    render! {
+    rsx! {
         Router::<Route> {
             config: || RouterConfig::default().history(MemoryHistory::with_initial_path(path))
         }

packages/router/examples/simple_routes.rs

@@ -49,7 +49,7 @@ fn main() {
 
 #[component]
 fn UserFrame(user_id: usize) -> Element {
-    render! {
+    rsx! {
         pre { "UserFrame{{\n\tuser_id:{user_id}\n}}" }
         div { background_color: "rgba(0,0,0,50%)",
             "children:"
@@ -60,7 +60,7 @@ fn UserFrame(user_id: usize) -> Element {
 
 #[component]
 fn Route1(user_id: usize, dynamic: usize, query: String, extra: String) -> Element {
-    render! {
+    rsx! {
         pre {
             "Route1{{\n\tuser_id:{user_id},\n\tdynamic:{dynamic},\n\tquery:{query},\n\textra:{extra}\n}}"
         }
@@ -85,7 +85,7 @@ fn Route1(user_id: usize, dynamic: usize, query: String, extra: String) -> Eleme
 
 #[component]
 fn Route2(user_id: usize) -> Element {
-    render! {
+    rsx! {
         pre { "Route2{{\n\tuser_id:{user_id}\n}}" }
         {(0..*user_id).map(|i| rsx!{ p { "{i}" } })},
         p { "Footer" }
@@ -111,7 +111,7 @@ fn Route3(dynamic: String) -> Element {
 
     let navigator = use_navigator();
 
-    render! {
+    rsx! {
         input {
             oninput: move |evt| {
                 *current_route_str.write() = evt.value();
@@ -146,7 +146,7 @@ fn Route3(dynamic: String) -> Element {
         match parsed {
             Ok(route) => {
                 if route != current_route {
-                    render! {
+                    rsx! {
                         Link {
                             to: route.clone(),
                             "{route}"
@@ -158,7 +158,7 @@ fn Route3(dynamic: String) -> Element {
                 }
             }
             Err(err) => {
-                render! {
+                rsx! {
                     pre {
                         color: "red",
                         "Invalid route:\n{err}"

packages/router/examples/static_generation.rs

@@ -54,7 +54,7 @@ async fn main() {
 
 #[component]
 fn Blog() -> Element {
-    render! {
+    rsx! {
         div {
             "Blog"
         }
@@ -63,7 +63,7 @@ fn Blog() -> Element {
 
 #[component]
 fn Post(id: usize) -> Element {
-    render! {
+    rsx! {
         div {
             "PostId: {id}"
         }
@@ -72,7 +72,7 @@ fn Post(id: usize) -> Element {
 
 #[component]
 fn PostHome() -> Element {
-    render! {
+    rsx! {
         div {
             "Post"
         }
@@ -81,7 +81,7 @@ fn PostHome() -> Element {
 
 #[component]
 fn Home() -> Element {
-    render! {
+    rsx! {
         div {
             "Home"
         }

packages/router/src/components/default_errors.rs

@@ -8,7 +8,7 @@ pub fn FailureExternalNavigation() -> Element {
     #[allow(deprecated)]
     let router = use_router();
 
-    render! {
+    rsx! {
         h1 { "External Navigation Failure!" }
         p {
             "The application tried to programmatically navigate to an external page. This "

packages/router/src/components/history_buttons.rs

@@ -33,14 +33,14 @@ pub struct HistoryButtonProps {
 ///
 /// #[component]
 /// fn App() -> Element {
-///     render! {
+///     rsx! {
 ///         Router::<Route> {}
 ///     }
 /// }
 ///
 /// #[component]
 /// fn Index() -> Element {
-///     render! {
+///     rsx! {
 ///         GoBackButton {
 ///             "go back"
 ///         }
@@ -76,7 +76,7 @@ pub fn GoBackButton(
 
     let disabled = !router.can_go_back();
 
-    render! {
+    rsx! {
         button { disabled: "{disabled}", prevent_default: "onclick", onclick: move |_| router.go_back(), {children} }
     }
 }
@@ -103,14 +103,14 @@ pub fn GoBackButton(
 ///
 /// #[component]
 /// fn App() -> Element {
-///     render! {
+///     rsx! {
 ///         Router::<Route> {}
 ///     }
 /// }
 ///
 /// #[component]
 /// fn Index() -> Element {
-///     render! {
+///     rsx! {
 ///         GoForwardButton {
 ///             "go forward"
 ///         }
@@ -146,7 +146,7 @@ pub fn GoForwardButton(
 
     let disabled = !router.can_go_forward();
 
-    render! {
+    rsx! {
         button { disabled: "{disabled}", prevent_default: "onclick", onclick: move |_| router.go_forward(), {children} }
     }
 }

packages/router/src/components/link.rs

@@ -156,15 +156,15 @@ impl Debug for LinkProps {
 ///
 /// #[component]
 /// fn App() -> Element {
-///     render! {
+///     rsx! {
 ///         Router::<Route> {}
 ///     }
 /// }
 ///
 /// #[component]
 /// fn Index() -> Element {
-///     render! {
-///         render! {
+///     rsx! {
+///         rsx! {
 ///             Link {
 ///                 active_class: "active",
 ///                 class: "link_class",
@@ -244,7 +244,7 @@ pub fn Link(props: LinkProps) -> Element {
         }
     };
 
-    render! {
+    rsx! {
         a {
             onclick: action,
             href: "{href}",

packages/router/src/components/outlet.rs

@@ -31,7 +31,7 @@ use dioxus_lib::prelude::*;
 ///
 /// #[component]
 /// fn Index() -> Element {
-///     render! {
+///     rsx! {
 ///         div {
 ///             "Index"
 ///         }
@@ -40,7 +40,7 @@ use dioxus_lib::prelude::*;
 ///
 /// #[component]
 /// fn Wrapper() -> Element {
-///     render! {
+///     rsx! {
 ///         h1 { "App" }
 ///         Outlet::<Route> {} // The content of child routes will be rendered here
 ///     }
@@ -48,7 +48,7 @@ use dioxus_lib::prelude::*;
 ///
 /// #[component]
 /// fn Child() -> Element {
-///     render! {
+///     rsx! {
 ///         p {
 ///             "Child"
 ///         }
@@ -57,7 +57,7 @@ use dioxus_lib::prelude::*;
 ///
 /// # #[component]
 /// # fn App() -> Element {
-/// #     render! {
+/// #     rsx! {
 /// #         Router::<Route> {
 /// #             config: || RouterConfig::default().history(MemoryHistory::with_initial_path(Route::Child {}))
 /// #         }

packages/router/src/components/router.rs

@@ -146,7 +146,7 @@ where
         });
     });
 
-    render! { Outlet::<R> {} }
+    rsx! { Outlet::<R> {} }
 }
 
 #[cfg(feature = "serde")]
@@ -171,5 +171,5 @@ where
         _marker: std::marker::PhantomData,
     });
 
-    render! { Outlet::<R> {} }
+    rsx! { Outlet::<R> {} }
 }

packages/router/src/hooks/use_navigator.rs

@@ -19,7 +19,7 @@ use crate::prelude::{Navigator, RouterContext};
 ///
 /// #[component]
 /// fn App() -> Element {
-///     render! {
+///     rsx! {
 ///         Router::<Route> {}
 ///     }
 /// }
@@ -28,7 +28,7 @@ use crate::prelude::{Navigator, RouterContext};
 /// fn Index() -> Element {
 ///     let navigator = use_navigator(&cx);
 ///
-///     render! {
+///     rsx! {
 ///         button {
 ///             onclick: move |_| { navigator.push(Route::Dynamic { id: 1234 }); },
 ///             "Go to /1234"
@@ -38,7 +38,7 @@ use crate::prelude::{Navigator, RouterContext};
 ///
 /// #[component]
 /// fn Dynamic(id: usize) -> Element {
-///     render! {
+///     rsx! {
 ///         p {
 ///             "Current ID: {id}"
 ///         }

packages/router/src/hooks/use_route.rs

@@ -25,7 +25,7 @@ use crate::utils::use_router_internal::use_router_internal;
 ///
 /// #[component]
 /// fn App() -> Element {
-///     render! {
+///     rsx! {
 ///         h1 { "App" }
 ///         Router::<Route> {}
 ///     }
@@ -34,7 +34,7 @@ use crate::utils::use_router_internal::use_router_internal;
 /// #[component]
 /// fn Index() -> Element {
 ///     let path: Route = use_route(&cx).unwrap();
-///     render! {
+///     rsx! {
 ///         h2 { "Current Path" }
 ///         p { "{path}" }
 ///     }

packages/router/src/incremental.rs

@@ -94,7 +94,7 @@ where
         <R as FromStr>::Err: std::fmt::Display,
     {
         let path = path.clone();
-        render! {
+        rsx! {
             Router::<R> {
                 config: || RouterConfig::default().history(MemoryHistory::with_initial_path(path))
             }

packages/router/tests/via_ssr/link.rs

@@ -31,7 +31,7 @@ where
     where
         <R as FromStr>::Err: std::fmt::Display,
     {
-        render! {
+        rsx! {
             h1 { "App" }
             Router::<R> {
                 config: || RouterConfig::default().history(MemoryHistory::default())
@@ -57,7 +57,7 @@ fn href_internal() {
 
     #[component]
     fn Root() -> Element {
-        render! {
+        rsx! {
             Link {
                 to: Route::Test {},
                 "Link"
@@ -95,7 +95,7 @@ fn href_external() {
 
     #[component]
     fn Root() -> Element {
-        render! {
+        rsx! {
             Link {
                 to: "https://dioxuslabs.com/",
                 "Link"
@@ -133,7 +133,7 @@ fn with_class() {
 
     #[component]
     fn Root() -> Element {
-        render! {
+        rsx! {
             Link {
                 to: Route::Test {},
                 class: "test_class",
@@ -165,7 +165,7 @@ fn with_active_class_active() {
 
     #[component]
     fn Root() -> Element {
-        render! {
+        rsx! {
             Link {
                 to: Route::Root {},
                 active_class: "active_class",
@@ -205,7 +205,7 @@ fn with_active_class_inactive() {
 
     #[component]
     fn Root() -> Element {
-        render! {
+        rsx! {
             Link {
                 to: Route::Test {},
                 active_class: "active_class",
@@ -245,7 +245,7 @@ fn with_id() {
 
     #[component]
     fn Root() -> Element {
-        render! {
+        rsx! {
             Link {
                 to: Route::Test {},
                 id: "test_id",
@@ -284,7 +284,7 @@ fn with_new_tab() {
 
     #[component]
     fn Root() -> Element {
-        render! {
+        rsx! {
             Link {
                 to: Route::Test {},
                 new_tab: true,
@@ -316,7 +316,7 @@ fn with_new_tab_external() {
 
     #[component]
     fn Root() -> Element {
-        render! {
+        rsx! {
             Link {
                 to: "https://dioxuslabs.com/",
                 new_tab: true,
@@ -355,7 +355,7 @@ fn with_rel() {
 
     #[component]
     fn Root() -> Element {
-        render! {
+        rsx! {
             Link {
                 to: Route::Test {},
                 rel: "test_rel",

packages/router/tests/via_ssr/outlet.rs

@@ -36,7 +36,7 @@ fn prepare(path: impl Into<String>) -> VirtualDom {
 
     #[component]
     fn App(cx: Scope<AppProps>) -> Element {
-        render! {
+        rsx! {
             h1 { "App" }
             Router::<Route> {
                 config: {
@@ -49,14 +49,14 @@ fn prepare(path: impl Into<String>) -> VirtualDom {
 
     #[component]
     fn RootIndex() -> Element {
-        render! {
+        rsx! {
             h2 { "Root Index" }
         }
     }
 
     #[component]
     fn Fixed() -> Element {
-        render! {
+        rsx! {
             h2 { "Fixed" }
             Outlet::<Route> { }
         }
@@ -64,21 +64,21 @@ fn prepare(path: impl Into<String>) -> VirtualDom {
 
     #[component]
     fn FixedIndex() -> Element {
-        render! {
+        rsx! {
             h3 { "Fixed - Index" }
         }
     }
 
     #[component]
     fn FixedFixed() -> Element {
-        render! {
+        rsx! {
             h3 { "Fixed - Fixed"}
         }
     }
 
     #[component]
     fn Parameter(id: u8) -> Element {
-        render! {
+        rsx! {
             h2 { "Parameter {id}" }
             Outlet::<Route> { }
         }
@@ -86,14 +86,14 @@ fn prepare(path: impl Into<String>) -> VirtualDom {
 
     #[component]
     fn ParameterIndex(id: u8) -> Element {
-        render! {
+        rsx! {
             h3 { "Parameter - Index" }
         }
     }
 
     #[component]
     fn ParameterFixed(id: u8) -> Element {
-        render! {
+        rsx! {
             h3 { "Parameter - Fixed" }
         }
     }