depreciate the render macro

packages/hooks/src/computed.rs

@@ -21,7 +21,7 @@ use std::{
 /// fn Parent() -> Element {
 ///    let count = use_tracked_state(|| 0);
 ///
-///    render! {
+///    rsx! {
 ///        Child {
 ///            count: count.clone(),
 ///        }
@@ -32,7 +32,7 @@ use std::{
 /// fn Child(count: Tracked<usize>) -> Element {
 ///    let less_than_five = use_selector(count, |count| *count < 5);
 ///
-///    render! {
+///    rsx! {
 ///        "{less_than_five}"
 ///    }
 /// }

packages/hooks/src/use_memo.rs

@@ -18,14 +18,14 @@ use crate::UseFutureDep;
 ///         // This will only be calculated when `number` has changed.
 ///         number * 100
 ///     });
-///     render!(
+///     rsx!(
 ///         p { "{bigger_number}" }
 ///     )
 /// }
 ///
 /// #[component]
 /// fn App() -> Element {
-///     render!(Calculator { number: 0 })
+///     rsx!(Calculator { number: 0 })
 /// }
 /// ```
 #[must_use = "Consider using `use_effect` to run rerun a callback when dependencies change"]

packages/hooks/src/use_on_destroy.rs

@@ -19,14 +19,14 @@ pub fn use_on_unmount<D: FnOnce() + 'static>(destroy: D) {
 ///
 /// fn app() -> Element {
 ///     let state = use_signal(|| true);
-///     render! {
+///     rsx! {
 ///         for _ in 0..100 {
 ///             h1 {
 ///                 "spacer"
 ///             }
 ///         }
 ///         if **state {
-///             render! {
+///             rsx! {
 ///                 child_component {}
 ///             }
 ///         }
@@ -61,7 +61,7 @@ pub fn use_on_unmount<D: FnOnce() + 'static>(destroy: D) {
 ///         }
 ///     });
 ///
-///     render!{
+///     rsx!{
 ///         div {
 ///             id: "my_element",
 ///             "hello"

packages/hooks/src/use_shared_state.rs

@@ -105,7 +105,7 @@ impl<T> ProvidedStateInner<T> {
 /// # use dioxus::prelude::*;
 /// #
 /// # fn app() -> Element {
-/// #     render! {
+/// #     rsx! {
 /// #         Parent{}
 /// #     }
 /// # }
@@ -121,7 +121,7 @@ impl<T> ProvidedStateInner<T> {
 ///     use_shared_state_provider(|| Theme::Dark);
 ///     let theme = use_shared_state::<Theme>().unwrap();
 ///
-///     render! {
+///     rsx! {
 ///         button{
 ///             onclick: move |_| {
 ///                 let current_theme = *theme.read();
@@ -141,7 +141,7 @@ impl<T> ProvidedStateInner<T> {
 ///     let theme = use_shared_state::<Theme>().unwrap();
 ///     let current_theme = *theme.read();
 ///
-///     render! {
+///     rsx! {
 ///         match current_theme {
 ///             Theme::Dark => {
 ///                 "Dark mode"
@@ -331,7 +331,7 @@ impl<T> PartialEq for UseSharedState<T> {
 /// # use dioxus::prelude::*;
 /// #
 /// # fn app() -> Element {
-/// #     render! {
+/// #     rsx! {
 /// #         Parent{}
 /// #     }
 /// # }
@@ -347,7 +347,7 @@ impl<T> PartialEq for UseSharedState<T> {
 ///     use_shared_state_provider(|| Theme::Dark);
 ///     let theme = use_shared_state::<Theme>().unwrap();
 ///
-///     render! {
+///     rsx! {
 ///         button{
 ///             onclick: move |_| {
 ///                 let current_theme = *theme.read();