store-subscription-examples.jsx

//
// component class
//

import React from 'react'
import { CounterTest } from 'app/stores'

export class Example extends React.Component {
  componentDidMount() {
    CounterTest.subscribe(this)
  }
  
  componentWillUnmount() {
    CounterTest.unsubscribe(this)
  }
  
  render() {
    return <div onClick={ () => CounterTest.increase() }>{ CounterTest.value }</div>
  }
}

//
// function component (using 16.7.0-alpha hook api)
//

import React from 'react'
import { CounterTest, useStore } from 'app/stores'

export const Example = () => {
  useStore(CounterTest)
  
  return <div onClick={ () => CounterTest.increase() }>{ CounterTest.value }</div>
}