hirola 0.1.3

A html library for building client side webapps
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87

### Installation Example

lib.rs

```rust
use hirola::prelude::*;
use wasm_bindgen::JsCast;
use web_sys::Event;
use web_sys::HtmlInputElement;

fn Home() -> TemplateResult<DomNode> {
    let state = Signal::new(99);

    let decerement = state.reduce_callback(|count, _| *count - 1);

    let incerement = state.reduce_callback(|count, _| *count + 1);

    html! {
            <div class="grid h-screen place-items-center">

                <div class="h-10 w-32">
                    <div class="flex flex-row h-10">
                        <button
                            on:click={decerement}
                            class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
                            "-"
                        </button>
                        <div class="block">
                            <input
                                value={state.get()}
                                disabled
                            />
                        </div>
                        <button
                            on:click={incerement}
                            class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
                            "+"
                        </button>
                    </div>
                </div>
           </div>
    }
}

fn main() {
    let mut app = HirolaApp::new();

    app.mount("body", Home);
}

```

index.html

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Hirola Counter</title>
    <link
      href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css"
      rel="stylesheet"
    />
  </head>
</html>
```

```toml

[package]
name = "counter"
version = "0.1.0"


[dependencies]
hirola = "0.1"
console_error_panic_hook = "0.1"
log = "0.4"
console_log = "0.2"
```

Start using

```sh
$> trunk serve
```