Flux with promises

alt.js

import Alt from 'alt';
const alt = new Alt();
export default alt;

kale.js

import KaleActions from './KaleActions';
import React from 'react';

export default class KaleForm extends React.Component {
  render() {
    return (
      <form onSubmit={this.submitFn.bind(this)}>
        <input type='text' name='kale-dish'/>
        <input type='text' name='kale-dish-review'/>
        <input type='submit' value='Submit'/>
      </form>
    );
  }
  submitFn(data) {
    return KaleActions.create(data);
  }
}

KaleActions.js

import alt from '../libs/alt';

class KaleActions {
  create(data) {
    return new Promise((resolve, reject) => {
      var post = $.ajax({
        type: 'POST',
        data: data, 
        url: '/kaleapi',
      });
      post.done((postResponse) => {
        resolve(postResponse);
        // dispatch eventually to the store
        this.dispatch(postResponse);
      });
      post.fail((postError) => {
        reject(postError);
      });
    });
  }
}

export default alt.createActions(KaleActions);