6 releases (breaking)
Uses old Rust 2015
0.5.0 | Apr 10, 2018 |
---|---|
0.4.0 | Apr 9, 2018 |
0.3.3 | Apr 3, 2018 |
0.2.0 | Apr 2, 2018 |
0.1.0 | Mar 29, 2018 |
#8 in #asmjs
34KB
730 lines
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!
#![feature(proc_macro)]
extern crate squark;
extern crate squark_macros;
extern crate squark_stdweb;
extern crate stdweb;
use stdweb::traits::*;
use stdweb::web::document;
use squark::{App, Runtime, View};
use squark_stdweb::StdwebRuntime;
use squark_macros::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::<CounterApp>::new(
document().query_selector("body").unwrap().unwrap(),
State::new(),
).run();
stdweb::event_loop();
}
Project dir is located at examples/counter.
It is also available TodoMVC example at examples/todomvc and working on https://rail44.github.io/squark/.
Dependencies
~4MB
~80K SLoC