Yew — Rust WASM Framework for Web Applications

cargo install trunk
cargo init yew-app && cd yew-app

Add to Cargo.toml:

[dependencies]
yew = { version = "0.21", features = ["csr"] }

use yew::prelude::*;

#[function_component]
fn App() -> Html {
    let count = use_state(|| 0);
    let onclick = {
        let count = count.clone();
        Callback::from(move |_| count.set(*count + 1))
    };

    html! {
        <div>
            <h1>{ format!("Count: {}", *count) }</h1>
            <button {onclick}>{ "Click me" }</button>
        </div>
    }
}

fn main() {
    yew::Renderer::<App>::new().render();
}

trunk serve                                 # Dev server with WASM
trunk build --release                       # Production build