Example of MobX and React

guest-collection.jsx

// MobX store
class GuestCollection extends Collection {
  @observable guestList;
  
  initCollection() {
    XoApi.fetch(GuestCollection.apiUrl)
    .then(GuestCollection.processGuestList)
    .then(GuestCollection.updateGuestList)
    // …
  }
}

// React component
@inject('guestCollection')
@observer
class GuestList extends Component {
  render() {
    return (
      <div>
      {
        this.props.guestCollection.map(guest =>
          <Row guest={guest} key={guest.id} />
        )
      }
      </div>
    )
  }
}