with-reducer.js

import React, { Component } from 'react';

export const withReducer = (

  stateName = 'internalState',

  dispatchName = 'internalDispatch',

  reducer = (state) => state,

  initialState,
) => (BaseComponent) => class WithReducer extends Component {

  state = {
    value: initialState,
  };

  dispatch = action => this.setState({
    value: reducer(this.state.value, action),
  });

  render() {

    const mappedProps = {
      [stateName]: this.state.value,
      [dispatchName]: this.dispatch,
    };

    return (
      <BaseComponent
        {...this.props}
        {...mappedProps}
      />
    );

  }

};

export default withReducer;