Manipulating React immutable stores with context

context.js

var Application = React.createClass({
  childContextTypes: {
    createProduct: React.PropTypes.func
  },

  getChildContext: function() {
    return {
      createProduct: this.createProduct
    }
  },

  componentWillMount: function() {
    this.productStore = new ProductStore(this.props.apiUrl)
  },

  createProduct: function(name, variants) {
    return this.productStore.create(name, variants)
  }
})

var ProductStore = function(baseUrl, products) {
  this.baseUrl = baseUrl + '/products'
  this.products = products ? immutable(products) : immutable()
}

// POST /products
ProductStore.prototype.create = function(name, variants) {
  return request.post(this.baseUrl, {
    name: name,
    variants: variants
  }).then(function(data) {
    return data.id
  })
}

var CreateProduct = React.createClass({
  contextTypes: {
    createProduct: React.PropTypes.func
  },

  onCreateProduct: function() {
    this.context.createProduct().then(function(id) {
      console.log(id)
    })
  },
})