squark

Virtual DOM implemention and application definition inspired from HyperApp.

squark-macros

Crate that providing JSX like macro by proc_marco and pest parser.

Syntax

view! { <button class="some-class" onclick={ |_| { Some(Action::Submit) }> Button! </button> }

squark-stdweb

Squark runtime implemention for web browser with usinng stdweb.

Here is full example of counter app!

```rust

![feature(proc_macro)]

extern crate squark; extern crate squarkmacros; extern crate squarkstdweb; extern crate stdweb;

use stdweb::traits::*; use stdweb::web::document; use squark::{App, Runtime, View}; use squarkstdweb::StdwebRuntime; use squarkmacros::view;

[derive(Clone, Debug, PartialEq)]

struct State { count: isize, }

impl State { pub fn new() -> State { State { count: 0 } } }

[derive(Clone, Debug)]

enum Action { ChangeCount(isize), }

[derive(Clone, Debug)]

struct CounterApp; impl App for CounterApp { type State = State; type Action = Action;

fn reducer(mut state: State, action: Action) -> State {
    match action {
        Action::ChangeCount(c) => {
            state.count = c;
        }
    };
    state
}

fn view(state: State) -> View<Action> {
    let count = state.count.clone();
    view! {
        <div>
            { count.to_string() }
            <button onclick={ move |_| Some(Action::ChangeCount(count.clone() + 1)) }>
                increment
            </button>
            <button onclick={ move |_| Some(Action::ChangeCount(count - 1)) }>
                decrement
            </button>
        </div>
    }
}

}

fn main() { stdweb::initialize(); StdwebRuntime::::new( document().queryselector("body").unwrap().unwrap(), State::new(), ).run(); stdweb::eventloop(); } ```

Project dir is located at examples/counter.

It is also available TodoMVC example at examples/todomvc and working on https://rail44.github.io/squark/.