global store

global store는 local state와는 달리 global한 state를 관리하기 위한 state 저장소이다.

global store는 /imports/api/store.coffee에 위치한다.

# /imports/api/store.coffee

import { observable } from 'mobx'

export default store = observable
  counter: 0

import { observable } from 'mobx'
import { observer } from 'mobx-react'

import store from '../../../api/store.coffee'

export default observer class Animal extends Component
  state: observable
    counter: 0

  onClick: =>
    @state.counter += 1
    store.counter += 1

  render: =>
    <h4>{ @state.counter }</h4>
    <h4>{ store.counter }</h4>
    <button onClick={@onClick}>click</button>