Unify resource and loader

examples/01-app-demos/hotdog/src/frontend.rs

@@ -7,7 +7,7 @@ use crate::{
 
 #[component]
 pub fn Favorites() -> Element {
-    let mut favorites = use_loader(list_dogs)?;
+    let favorites = use_loader(list_dogs)?;
 
     rsx! {
         div { id: "favorites",
@@ -41,7 +41,7 @@ pub fn NavBar() -> Element {
 
 #[component]
 pub fn DogView() -> Element {
-    let mut img_src = use_loader(|| async move {
+    let img_src = use_loader(|| async move {
         anyhow::Ok(
             reqwest::get("https://dog.ceo/api/breeds/image/random")
                 .await?

examples/01-app-demos/weather_app.rs

@@ -1,6 +1,6 @@
 #![allow(non_snake_case)]
 
-use dioxus::{fullstack::Loading, prelude::*};
+use dioxus::prelude::*;
 use serde::{Deserialize, Serialize};
 use std::fmt::Display;
 
@@ -36,17 +36,17 @@ fn app() -> Element {
                                         }
                                         Forecast { weather: weather.cloned() }
                                         div { height: "20px", margin_top: "10px",
-                                            if weather.loading() {
+                                            if weather.running() {
                                                 "Fetching weather data..."
                                             }
                                         }
                                     },
-                                    Err(Loading::Pending(_)) => rsx! {
+                                    Err(RenderError::Error(_)) => rsx! {
+                                        div { "Failed to load weather data." }
+                                    },
+                                    Err(RenderError::Suspended(_)) => rsx! {
                                         div { "Loading weather data..." }
                                     },
-                                    Err(Loading::Failed(_)) => rsx! {
-                                        div { "Failed to load weather data." }
-                                    }
                                 }
                             }
                         }
@@ -162,16 +162,16 @@ fn SearchBox(mut country: WriteSignal<WeatherLocation>) -> Element {
                                 }
                             }
                         },
-                        Err(Loading::Pending(_)) => rsx! {
+                        Err(RenderError::Error(error)) => rsx! {
                             li { class: "pl-8 pr-2 py-1 border-b-2 border-gray-100 relative",
-                                "Searching..."
+                                "Failed to search: {error:?}"
                             }
                         },
-                        Err(Loading::Failed(handle)) => rsx! {
+                        Err(RenderError::Suspended(_)) => rsx! {
                             li { class: "pl-8 pr-2 py-1 border-b-2 border-gray-100 relative",
-                                "Failed to search: {handle.error():?}"
+                                "Searching..."
                             }
-                        }
+                        },
                     }
                 }
             }

examples/05-using-async/suspense.rs

@@ -36,7 +36,7 @@ fn Doggo() -> Element {
     //
     // During SSR, `use_loader` will serialize the contents of the fetch, and during hydration, the client will
     // use the pre-fetched data instead of re-fetching to render.
-    let mut dog = use_loader(move || async move {
+    let dog = use_loader(move || async move {
         #[derive(serde::Deserialize, serde::Serialize, PartialEq)]
         struct DogApi {
             message: String,

examples/08-apis/eval.rs

@@ -40,7 +40,7 @@ fn app() -> Element {
         res
     });
 
-    match future.value().as_ref() {
+    match future.as_ref() {
         Some(v) => rsx!( p { "{v}" } ),
         _ => rsx!( p { "waiting.." } ),
     }

packages/fullstack-core/Cargo.toml

@@ -29,6 +29,7 @@ inventory = { workspace = true }
 serde_json = { workspace = true }
 generational-box = { workspace = true }
 futures-util = { workspace = true, features = ["std"] }
+dioxus-stores.workspace = true
 
 [features]
 web = []