cerebral1.js

// Определяем состояние и методы для его обновления
class MobxState {
  @observable items = []
  addItem (item) {
    this.items.push(item)
  }
}
// Компоненты
@observer
class Items extends Component {
  render() {
    return (
      <div>
        <ul>
          {this.props.store.items.map((item) => <li>{item}</li>)}
        </ul>
        <button onClick={() => this.props.store.addItem('foo')}>
          Add foo
        </button>
      </div>
    )
  }
}
// Передаём состояние в компоненты
const store = new MobxState();
render(<Items store={store} />, document.getElementById('mount'));