choop - jsx

index.js

/** @jsx h */
var devtools = require('choo-devtools')
var choop = require('choop')
var h = require('choop/h')

var app = choop()
app.use(devtools())
app.use(countStore)
app.route('*', mainView)
app.mount('body')

function mainView (state, emit) {
  return <main>
      <h1>count is {state.count}</h1>
      <button onclick={onclick}>Increment</button>
    </main>

  function onclick () {
    emit('increment', 1)
  }
}

function countStore (state, emitter) {
  state.count = 0
  emitter.on('increment', function (count) {
    state.count += count
    emitter.emit('render')
  })
}

package.json

{
  "dependencies": {
    "choo-devtools": "2.2.0",
    "choop": "3.0.0"
  }
}