Exploring Unidirectional Components in Mithril

01-mithril-counter-class.jsx

class Counter {
  oninit({ attrs }) {
    this.count = attrs.count || 0;
  }

  decrement = () => this.count--;
  increment = () => this.count++;

  view() {
    return (
      <div>
        <h1>{this.count}</h1>
        <button onclick={this.decrement} disabled={this.count <= 0}>-</button>
        <button onclick={this.increment}>+</button>
      </div>
    );
  }
}

m.mount(document.body, {
  view: () => <Counter />
});