import ExampleActions from '../actions/ExampleActions';

class ExampleStore {
  constructor() {
    this.data = [];

    this.bindListeners({
      handleCreateData: ExampleActions.CREATE_Data,
    });

    this.exportPublicMethods({
      getSemanticDefinitions: this.getData,
    });
  }

  /* ACTION HANDLERS */
  handleCreateData(response) {
    if (response.status === 'success') {
      this.data.push(response.data);
    }
  }

  /* PUBLIC METHODS */
  getData() {
    console.dir(this);
    console.dir(this.state);
    return this.state.data;
  }
}

export default alt.createStore(ExampleStore, 'ExampleStore');

import React from 'react';
import ExampleActions from '../alt/actions/ExampleActions';
import ExampleStore from '../alt/stores/ExampleStore';

class Example extends React.Component {
  constructor(props) {
    super(props);

    this.updateStore = this.updateStore.bind(this);
    this.storeChanged = this.storeChanged.bind(this);

    this.state = {
      data: ExampleStore.getData(),
    };
  }

  componentWillMount() {
    ExampleStore.listen(this.storeChanged);
  }

  componentWillUnmount() {
    ExampleStore.unlisten(this.storeChanged);
  }

  storeChanged(exampleStoreState) {
    this.setState({
      data: exampleStoreState.getData(), // can't do this obviously
      data: ExampleStore.getData(), // Is this guaranteed to have the updated state?
    });
  }

  updateStore(object) {
    ExampleActions.createData(object);
  }

  render() {
    // contains button you click that triggers updateStore with some object
  }
}

export default Example;