//! Run with: //! //! ```sh //! dx serve --platform fullstack //! ``` #![allow(non_snake_case, unused)] use dioxus::prelude::*; use serde::{Deserialize, Serialize}; fn app() -> Element { let mut count = use_signal(|| 0); let text = use_signal(|| "...".to_string()); let server_future = use_server_future(get_server_data)?; rsx! { h1 { "High-Five counter: {count}" } button { onclick: move |_| count += 1, "Up high!" } button { onclick: move |_| count -= 1, "Down low!" } button { onclick: move |_| { to_owned![text]; async move { if let Ok(data) = get_server_data().await { println!("Client received: {}", data); text.set(data.clone()); post_server_data(data).await.unwrap(); } } }, "Run a server function!" } "Server said: {text}" "{server_future.state():?}" } } #[server] async fn post_server_data(data: String) -> Result<(), ServerFnError> { println!("Server received: {}", data); Ok(()) } #[server] async fn get_server_data() -> Result { Ok(reqwest::get("https://httpbin.org/ip").await?.text().await?) } fn main() { #[cfg(feature = "web")] tracing_wasm::set_as_global_default(); #[cfg(feature = "server")] tracing_subscriber::fmt::init(); launch(app); }