How to use the fluxible.StoreMixin function in fluxible

var React = require('react');
var RouteStore = require('../stores/RouteStore');
var ContactList = require('./ContactList.jsx');
var ContactDetails = require('./ContactDetails.jsx');
var ContactMessages = require('./ContactMessages.jsx');
var StoreMixin = require('fluxible').StoreMixin;

var MainView = React.createClass({
  mixins: [StoreMixin],

  propTypes: {
    context: React.PropTypes.object.isRequired
  },

  render: function() {
    // This is not working, throws a JSX warning message
    // and then a "process" is undefined error :(
    // var Component = this.getStore(RouteStore).getView('MainView');
    // return ;

    var page = this.getStore(RouteStore).getPage();
    var params = this.getStore(RouteStore).getParams();

'use strict';

var React = require('react');
var ContentListStore = require('../../../shared/stores/ContentListStore');
var HeaderSingle = require('./HeaderSingle');
var Footer = require('./Footer');
var StoreMixin = require('fluxible').StoreMixin;


var Single = React.createClass({
  mixins: [StoreMixin],
  statics: {
    storeListeners: {
      _onChange: [ContentListStore]
    }
  },
  propTypes:{
    tag: React.PropTypes.object.isRequired
  },
  _onChange: function() {
    this.setState({});
  },
  render: function() {

'use strict';

var React = require('react');
var PostListElement = require('./PostListElement');
var ContentActions = require('../../../shared/actions/ContentActions');
var cx = require('react/lib/cx');
var ContentListStore = require('../../../shared/stores/ContentListStore');
var StoreMixin = require('fluxible').StoreMixin;
var Loader = require('./Loader');
var Header = require('./Header');
var Footer = require('./Footer');
var Paginator = require('./Paginator');


var PostList = React.createClass({
  mixins: [StoreMixin],
  statics: {
    storeListeners: {
      _onChange: [ContentListStore]
    }
  },
  propTypes:{
    context:React.PropTypes.object.isRequired
  },

'use strict';

var React = require('react');
var cx = require('react/lib/cx');
var PostListElement = require('./PostListElement');
var ContentActions = require('../../../shared/actions/ContentActions');
var ContentStore = require('../../../shared/stores/ContentStore');
var InitialStateMixin = require('../../../shared/mixins/InitialStateMixin');
var Loader = require('./Loader');
var HeaderSingle = require('./HeaderSingle');
var Footer = require('./Footer');
var Tags = require('./Tags');
var StoreMixin = require('fluxible').StoreMixin;
var gravatar = require('gravatar');
var NavLink = require('flux-router-component').NavLink;
var ApplicationStore = require('../../../shared/stores/ApplicationStore');
var Disqus = require('./Disqus');
var Gravatar = require('./Gravatar');

var Single = React.createClass({
  mixins: [StoreMixin],
  statics: {
    storeListeners: {
      _onChange: [ContentStore]
    }
  },
  propTypes: {
    context: React.PropTypes.object.isRequired,
    params: React.PropTypes.object.isRequired

'use strict';

var React = require('react');
var PostList = require('./PostList');
var Single = require('./Single');
var ErrorPage = require('./Error');
var ApplicationStore = require('../../../shared/stores/ApplicationStore');
var MetaStore = require('../../../shared/stores/MetaStore');
var RouterMixin = require('flux-router-component').RouterMixin;
var StoreMixin = require('fluxible').StoreMixin;
var GoogleAnalytics = require('./GoogleAnalytics');
var assign = require('object-assign');

var App = React.createClass({
  mixins: [RouterMixin, StoreMixin],
  statics: {
    storeListeners: [ApplicationStore, MetaStore]
  },
  propTypes:{
    context:React.PropTypes.object.isRequired
  },
  getInitialState: function () {
    return assign(this.getStore(ApplicationStore).getState(), this.getStore(MetaStore).getState());
  },
  onChange: function () {
    this.setState(assign(this.getStore(ApplicationStore).getState(), this.getStore(MetaStore).getState()));