const {observable, autorun, action} = mobx;

const {observer} = mobxReact;

const {Component} = React;

​

class BaseStore {

  model = observable.map({});

​

  @action updateStore(propertyName, newValue) {

    this.model.set(propertyName, newValue);

  }

}

​

const baseStore = new BaseStore();

​

@observer

class App extends Component {

  componentDidMount() {

    this.interval = setInterval(() => {

      const key = Math.random().toString(36).substring(7);

      const val = Math.random().toString(36).substring(7);

      baseStore.updateStore(key, val);

    }, 1000);

  }

  componentWillUnmount() {

    clearInterval(this.interval);

  }

  render() {

    return <div> 

      { baseStore.model.entries().map(e => <div> {`${e[0]} ${e[1]}` } </div>) } 

    </div>;

  }

}

​

ReactDOM.render(

  <App />,

  document.getElementById('app')

);