import createStore from 'storeon'
import { StoreContext, connect } from 'storeon/react' 

let increment = store => {
  store.on('@init', () => ({ count: 0 }))
  store.on('inc', ({ count }) => ({ count: count + 1 }))
}
const store = createStore([increment])

const Counter = connect('count', React.memo(
  ({ count, dispatch }) => 
  <>
    {count}
    <button onClick={() => dispatch('inc')} />
    <button onClick={() => dispatch('dec')} />
  </>
)

render(
  <StoreContext.Provider value={store}>
    <Counter/>
  </StoreContext.Provider>,
  document.body
)