Exploring Unidirectional Components in Mithril

02-hyperapp-counter.jsx

app({
  state: {
    count: 0
  },
  actions: {
    decrement: ({ count }) => ({ count: count - 1 }),
    increment: ({ count }) => ({ count: count + 1 })
  },
  view: ({ count }, { decrement, increment }) =>
    <div>
      <h1>{count}</h1>
      <button onclick={decrement} disabled={count <= 0}>-</button>
      <button onclick={increment}>+</button>
    </div>
});