Decca state example

by Rico Sta. Cruz

HTML

<script src="//brcdn.org/7Rc1tAN1wLhq7ITWBpVjs02l51M.js"></script>

Babel + JSX

/** @jsx element */
const { dom, element } = decca

const App = {
  initialState () {
    return { count: 0 }
  },
  render ({ state, setState }) {
    return <div>
      <button onclick={increment(state, setState)}>Hit me!</button>
      I've been clicked {state && state.count} times.
    </div>
  }
}

let increment = (state, setState) => (e) => {
  setState({ count: state.count + 1 })
}

var render = dom.createRenderer(document.body)
render(<App />)