2021-12-10 02:19:31 +00:00
|
|
|
# Dioxus LiveView
|
|
|
|
|
|
|
|
Enabling server-rendered and hybrid applications with incredibly low latency (<1ms).
|
|
|
|
|
|
|
|
```rust
|
|
|
|
#[async_std::main]
|
|
|
|
async fn main() -> tide::Result<()> {
|
|
|
|
let liveview_pool = dioxus::liveview::pool::default();
|
|
|
|
let mut app = tide::new();
|
|
|
|
|
|
|
|
// serve the liveview client
|
|
|
|
app.at("/").get(dioxus::liveview::liveview_frontend);
|
|
|
|
|
|
|
|
// and then connect the client to the backend
|
|
|
|
app.at("/app").get(|req| dioxus::liveview::launch(App, Props { req }))
|
|
|
|
|
|
|
|
app.listen("127.0.0.1:8080").await?;
|
|
|
|
|
|
|
|
Ok(())
|
|
|
|
}
|
|
|
|
```
|
|
|
|
|
2022-01-22 03:43:43 +00:00
|
|
|
Dioxus LiveView runs your Dioxus apps on the server
|
2021-12-10 02:19:31 +00:00
|
|
|
|
2021-12-13 00:47:13 +00:00
|
|
|
|
|
|
|
|
|
|
|
```rust
|
|
|
|
use soyuz::prelude::*;
|
|
|
|
|
|
|
|
#[tokio::main]
|
|
|
|
async fn main() {
|
|
|
|
let mut app = soyuz::new();
|
|
|
|
app.at("/app").get(websocket(handler));
|
|
|
|
app.listen("127.0.0.1:8080").await.unwrap();
|
|
|
|
}
|
|
|
|
|
|
|
|
async fn order_shoes(mut req: WebsocketRequest) -> Response {
|
|
|
|
let stream = req.upgrade();
|
2022-01-22 03:43:43 +00:00
|
|
|
dioxus::liveview::launch(App, stream).await;
|
2021-12-13 00:47:13 +00:00
|
|
|
}
|
|
|
|
|
2021-12-30 02:28:28 +00:00
|
|
|
fn App(cx: Scope) -> Element {
|
2021-12-15 20:56:53 +00:00
|
|
|
let mut count = use_state(&cx, || 0);
|
2021-12-13 00:47:13 +00:00
|
|
|
cx.render(rsx!(
|
|
|
|
button { onclick: move |_| count += 1, "Incr" }
|
|
|
|
button { onclick: move |_| count -= 1, "Decr" }
|
|
|
|
))
|
|
|
|
}
|
|
|
|
```
|