silkenweb-html

Crates.iosilkenweb-html
lib.rssilkenweb-html
version0.1.2
sourcesrc
created_at2021-04-29 10:55:19.502357
updated_at2023-01-07 00:35:54.212703
descriptionSilkenweb HTML types
homepagehttps://github.com/silkenweb/silkenweb
repositoryhttps://github.com/silkenweb/silkenweb
max_upload_size
id390985
size169,984
Simon Bourne (simon-bourne)

documentation

README

This Crate is Deprecated

This is an old implementation crate for Silkenweb that is no longer used.

tests crates.io Documentation MIT/Apache-2 licensed

A library for building reactive single page web apps.

Features

  • Fine grained reactivity using signals to minimize DOM API calls
  • No VDOM. Calls to the DOM API and your rendering code are minimized using signals.
  • Uses plain Rust syntax rather than a macro DSL
  • Downcasts Js objects for you where the type is known at compile time. For example:
    • input().dom_element() returns a web_sys::HtmlInputElement
    • button().on_click(...) passes your event handler a web_sys::HtmlInputElement and a web_sys::MouseEvent.

Example: A Simple Counter

use silkenweb::{
    elements::{button, div, p},
    mount,
    signal::Signal,
};

fn main() {
    let count = Signal::new(0);
    let set_count = count.write();
    let inc = move |_, _| set_count.replace(|&i| i + 1);
    let count_text = count.read().map(|i| format!("{}", i));

    let app = div()
        .child(button().on_click(inc).text("+"))
        .child(p().text(count_text));

    mount("app", app);
}

Quick Start

rustup target add wasm32-unknown-unknown
cargo install trunk wasm-pack
cargo install wasm-bindgen-cli --version 0.2.73
cd examples/counter
trunk serve --open

Learning

Commit count: 2417

cargo fmt