const {observable, autorun, action} = mobx;

const {observer} = mobxReact;

const {Component} = React;

​

class Store {

  @observable data = 'cool';

}

​

const store = new Store();

​

setTimeout(() => {

  store.data = 'wow';

}, 2000);

​

​

@observer 

class Observer extends Component {

  render() {

    return <h1> This component will re-render when {store.data} changes.</h1>; 

  }

};

​

class NonObserver extends Component {

  render() {

    return <h1> This component will NOT re-render when {store.data} changes.</h1>; 

  }

};

​

ReactDOM.render(

  <div>

    <Observer />

    <NonObserver />

  </div>,

  document.getElementById('app')

);