Dioxus Fullstack

Website | Guides | API Docs | Chat

Fullstack utilities for the Dioxus framework.

Features

• Intigrations with the Axum, Salvo, and Warp server frameworks with utilities for serving and rendering Dioxus applications.
• Server functions allow you to call code on the server from the client as if it were a normal function.
• Instant RSX Hot reloading with dioxus-hot-reload.
• Passing root props from the server to the client.

Example

Full stack Dioxus in under 50 lines of code

```rust

![allow(nonsnakecase)]

use dioxus::prelude::; use dioxus_fullstack::prelude::;

fn main() { #[cfg(feature = "web")] dioxusweb::launchwithprops( app, getrootpropsfromdocument().unwrapordefault(), dioxusweb::Config::new().hydrate(true), ); #[cfg(feature = "ssr")] { tokio::runtime::Runtime::new() .unwrap() .blockon(async move { warp::serve( // Automatically handles server side rendering, hot reloading intigration, and hosting server functions servedioxus_application( "", ServeConfigBuilder::new(app, ()), ) ) .run(([127, 0, 0, 1], 8080)) .await; }); } }

fn app(cx: Scope) -> Element { let meaning = usestate(cx, || None); cx.render(rsx! { button { onclick: move || { toowned![meaning]; async move { if let Ok(data) = getmeaning("life the universe and everything".into()).await { meaning.set(data); } } }, "Run a server function" } "Server said: {meaning:?}" }) }

// This code will only run on the server

[server(GetMeaning)]

async fn get_meaning(of: String) -> Result, ServerFnError> { Ok(of.contains("life").then(|| 42)) } ```

Getting Started

To get started with full stack Dioxus, check out our getting started guide, or the full stack examples.

Contributing

• Report issues on our issue tracker.
• Join the discord and ask questions!

License

This project is licensed under the [MIT license].

Unless you explicitly state otherwise, any contribution intentionally submitted for inclusion in Dioxus by you shall be licensed as MIT without any additional terms or conditions.