#async #ui

observables

Simple Reactivity

1 unstable release

0.1.0 Oct 4, 2022

#382 in #ui


Used in async_ui_gtk

MPL-2.0 license

19KB
601 lines

Async UI

crates.io crates.io

A web UI framework where Futures are components.

Overview (for the User)

Async UI is...

  • Easy; if you know what Futures are and how to join them, you know 90% of Async UI already.
  • Just async Rust; no DSL or opaque runtime - leverage existing Async Rust patterns and ecosystem.
  • Flexible; you get direct access to the entire Web API (through web_sys).

See hosted demos

Get Started Now!

Overview (for the UI Framework Connoisseur)

  • Async as UI Runtime; the app is one long-running Future.
  • Components are Futures; composition is done by nesting and joining Futures.
  • UI as Side-Effect; running a Future displays its UI, dropping it removes that UI.

Read more about the framework

Example Code: Hello World

async fn hello_world() {
    "Hello World".render().await;
}

Example Code: Async Control Flow

async fn app() {
    let resource = loading_indicator(
        fetch_resource()
    ).await;
    show_resource(&resource).await;
}

Example Code: Counter

async fn counter() {
    let mut count = 0;
    let value_text = Text::new();
    let incr_button = Button::new();
    join((
        value_text.render(),
        incr_button.render("Increment".render()),
        async {
            loop {
                value_text.set_data(&count.to_string());
                incr_button.until_click().await;
                count += 1;
            }
        },
    ))
    .await;
}

Dependencies

~1.8–2.6MB
~52K SLoC