updated docs

packages/hooks/src/useeffect.rs

@@ -14,25 +14,28 @@ use crate::UseFutureDep;
 /// ## Examples
 ///
 /// ```rust, no_run
-///
 /// #[inline_props]
-/// fn Profile(cx: Scope, id: &str) -> Element {
-///     let name = use_state(cx, || "Default name");
+/// fn Profile(cx: Scope, id: usize) -> Element {
+///     let name = use_state(cx, || None);
 ///
-///     use_effect(cx, (id,), |(id,)| async move {
-///         let user = fetch_user(id).await;
-///         name.set(user.name);
+///     // Only fetch the user data when the id changes.
+///     use_effect(cx, (id,), |(id,)| {
+///         to_owned![name];
+///         async move {
+///             let user = fetch_user(id).await;
+///             name.set(user.name);
+///         }
 ///     });
 ///
+///     let name = name.get().clone().unwrap_or("Loading...".to_string());
+///
 ///     render!(
 ///         p { "{name}" }
 ///     )
 /// }
 ///
 /// fn app(cx: Scope) -> Element {
-///     render!(
-///         Profile { id: "dioxusLabs" }
-///     )
+///     render!(Profile { id: 0 })
 /// }
 /// ```
 pub fn use_effect<T, F, D>(cx: &ScopeState, dependencies: D, future: impl FnOnce(D::Out) -> F)

packages/hooks/src/usememo.rs

@@ -16,17 +16,13 @@ use crate::UseFutureDep;
 ///     let bigger_number = use_memo(cx, (number,), |(number,)| {
 ///         // This will only be calculated when `number` has changed.
 ///         number * 100
-///     }):
-///
+///     });
 ///     render!(
 ///         p { "{bigger_number}" }
 ///     )
 /// }
-///
 /// fn app(cx: Scope) -> Element {
-///     render!(
-///         Calculator { number: 0 }
-///     )
+///     render!(Calculator { number: 0 })
 /// }
 /// ```
 pub fn use_memo<T, D>(cx: &ScopeState, dependencies: D, callback: impl FnOnce(D::Out) -> T) -> &T