2023-05-02 15:15:34 +00:00
# Dioxus Fullstack
2023-04-03 18:58:54 +00:00
[![Crates.io][crates-badge]][crates-url]
[![MIT licensed][mit-badge]][mit-url]
[![Build Status][actions-badge]][actions-url]
[![Discord chat][discord-badge]][discord-url]
2023-05-02 15:15:34 +00:00
[crates-badge]: https://img.shields.io/crates/v/dioxus-fullstack.svg
[crates-url]: https://crates.io/crates/dioxus-fullstack
2023-04-03 18:58:54 +00:00
[mit-badge]: https://img.shields.io/badge/license-MIT-blue.svg
[mit-url]: https://github.com/dioxuslabs/dioxus/blob/master/LICENSE
[actions-badge]: https://github.com/dioxuslabs/dioxus/actions/workflows/main.yml/badge.svg
[actions-url]: https://github.com/dioxuslabs/dioxus/actions?query=workflow%3ACI+branch%3Amaster
[discord-badge]: https://img.shields.io/discord/899851952891002890.svg?logo=discord& style=flat-square
[discord-url]: https://discord.gg/XgGxMSkvUM
[Website ](https://dioxuslabs.com ) |
2023-09-16 17:03:27 +00:00
[Guides ](https://dioxuslabs.com/learn/0.4/ ) |
2023-05-02 15:15:34 +00:00
[API Docs ](https://docs.rs/dioxus-fullstack/latest/dioxus_sever ) |
2023-04-03 18:58:54 +00:00
[Chat ](https://discord.gg/XgGxMSkvUM )
Fullstack utilities for the [`Dioxus` ](https://dioxuslabs.com ) framework.
# Features
2023-05-02 15:15:34 +00:00
- Intigrations with the [Axum ](https::/docs.rs/dioxus-fullstack/latest/dixous_server/axum_adapter/index.html ), [Salvo ](https::/docs.rs/dioxus-fullstack/latest/dixous_server/salvo_adapter/index.html ), and [Warp ](https::/docs.rs/dioxus-fullstack/latest/dixous_server/warp_adapter/index.html ) server frameworks with utilities for serving and rendering Dioxus applications.
- [Server functions ](https::/docs.rs/dioxus-fullstack/latest/dixous_server/prelude/attr.server.html ) allow you to call code on the server from the client as if it were a normal function.
2023-04-03 18:58:54 +00:00
- Instant RSX Hot reloading with [`dioxus-hot-reload` ](https://crates.io/crates/dioxus-hot-reload ).
2023-05-02 15:15:34 +00:00
- Passing root props from the server to the client.
2023-04-03 18:58:54 +00:00
# Example
Full stack Dioxus in under 50 lines of code
```rust
#![allow(non_snake_case)]
use dioxus::prelude::*;
2023-05-02 15:15:34 +00:00
use dioxus_fullstack::prelude::*;
2023-04-03 18:58:54 +00:00
fn main() {
#[cfg(feature = "web")]
2023-05-02 15:15:34 +00:00
dioxus_web::launch_with_props(
app,
get_root_props_from_document().unwrap_or_default(),
dioxus_web::Config::new().hydrate(true),
);
2023-04-03 18:58:54 +00:00
#[cfg(feature = "ssr")]
{
tokio::runtime::Runtime::new()
.unwrap()
.block_on(async move {
warp::serve(
// Automatically handles server side rendering, hot reloading intigration, and hosting server functions
serve_dioxus_application(
"",
ServeConfigBuilder::new(app, ()),
)
)
.run(([127, 0, 0, 1], 8080))
.await;
});
}
}
fn app(cx: Scope) -> Element {
let meaning = use_state(cx, || None);
cx.render(rsx! {
button {
onclick: move |_| {
to_owned![meaning];
async move {
if let Ok(data) = get_meaning("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< Option < u32 > , ServerFnError> {
Ok(of.contains("life").then(|| 42))
}
```
## Getting Started
2023-05-02 15:15:34 +00:00
To get started with full stack Dioxus, check out our [getting started guide ](https://dioxuslabs.com/docs/nightly/guide/en/getting_started/ssr.html ), or the [full stack examples ](https://github.com/DioxusLabs/dioxus/tree/master/packages/fullstack/examples ).
2023-04-03 18:58:54 +00:00
## Contributing
- Report issues on our [issue tracker ](https://github.com/dioxuslabs/dioxus/issues ).
- Join the discord and ask questions!
## License
This project is licensed under the [MIT license].
[mit license]: https://github.com/DioxusLabs/dioxus/blob/master/LICENSE-MIT
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.