Yew API Hook
Use asynchronous api requests in conjunction with yew's suspense feature
Usage
#[function_component]
fn App() -> Html {
html! {
<Suspense fallback={html! { {"Loading.."} }}>
<AsyncComponent />
</Suspense>
}
}
#[function_component]
fn AsyncComponent() -> HtmlResult {
let data = use_api(requests::Fetch { id: 0 })?;
match data {
Ok(json) => Ok(html! { {format!("{:#?}", json)} }),
Err(_) => Ok(html! { {"An error occured"} })
}
}
mod requests {
use yew_api_hook::prelude::*;
type ApiResult = anyhow::Result<serde_json::Value>;
#[derive(Clone, Debug, PartialEq)]
pub struct Fetch {
pub id: u64
}
#[async_trait(?Send)]
impl Request for Fetch {
type Error = anyhow::Error;
type Output = serde_json::Value;
async fn run(&self) -> ApiResult {
// Use your favorite http or whatever implementation
get(format!("/entity/{}", self.id)).await
}
}
}
49 Dec 24, 2022
3 Nov 10, 2022
13 Dec 7, 2022
58 Dec 26, 2022
118 Jun 29, 2023
5 Sep 21, 2023
17 Dec 20, 2022
7 Dec 7, 2022
4 Oct 28, 2022
2 Nov 24, 2021
4 Jun 6, 2023
6 May 6, 2023
4 Aug 18, 2023
3 Feb 14, 2024
43 Oct 31, 2022
41 Dec 24, 2022
574 Jan 5, 2023
1.2k Jan 2, 2023
162 Dec 31, 2022