next.js/examples/with-unstated/components/Counter.js

export default ({ counter }) => (
  <div>
    <h1>Count: <span>{counter.state.count}</span></h1>
    <button onClick={() => counter.decrement()}>-1</button>
    <button onClick={() => counter.increment()}>+1</button>
    <button onClick={() => counter.reset()}>Reset</button>
  </div>
)
Added with-unstated example (#4628) Small example app using [unstated](https://github.com/jamiebuilds/unstated) library. Example uses components and logic from [with-redux](https://github.com/zeit/next.js/tree/canary/examples/with-redux) example. 2018-06-19 19:50:37 +00:00			`export default ({ counter }) => (`
			`<div>`
			`<h1>Count: <span>{counter.state.count}</span></h1>`
			`<button onClick={() => counter.decrement()}>-1</button>`
			`<button onClick={() => counter.increment()}>+1</button>`
			`<button onClick={() => counter.reset()}>Reset</button>`
			`</div>`
			`)`