A super simple implementation of a psuedo-flux pattern.

simpleStoreExample.js

import React, { Component, Fragment } from 'react';

const connect = (Wrapped, store) => {
  return class extends Component {
    constructor(props) {
      super(props);
      this.state = { store };
    }

    dispatch(name, data) {
      const results = store.setters[name](store, data);
      this.setState(results);
    }

    render() {
      return <Wrapped 
        store={this.state.store} 
        dispatch={this.dispatch.bind(this)} 
        {...this.props} />;
    }
  };
};

const store = {
  data: { num: 1 },
  setters: {
    incr(store) {
      store.data.num++;
      return store;
    }
  }
};

const App = ({dispatch, store}) => {
  return (
    <Fragment>
      <h1>hello world {store.data.num}</h1>
      <button onClick={() => dispatch('incr')}>Incr</button>
    </Fragment>
  );
};

export default connect(App, store);