ReactContainer Boilerplate

ReactComponent.jsx

import React from 'react'

export const ThingComponent = ({ things, stuff}) => (
    <Container>
      <form>
      </form>
    </Container>
);
  
  

ReactContainer.jsx

import React from 'react'
import { connect } from 'react-redux'
import { browserHistory } from 'react-router'

const mapStateToProps = (state, ownProps) => ({
    thing: state.thing
});

const mapDispatchToProps = ({ 
    setThing
});

const mergeProps = (stateProps, dispatchProps, ownProps) => ({
    ...stateProps,
    ...dispatchProps,
    ...ownProps,
    functionWeWantOurComponenetToHave: (param) => {
        //Do Something with param
    }
});

class ThingContainerMixin extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            thing: ''
        };
    }

    componentWillMount () {
    };

    componentWillUnmount () {
    };

    render () {
        return (
        <ThingComponent { ...this.props }
          thing={this.state.thing}
          />;
    };

}

const ThingContainer = connect(mapStateToProps, mapDispatchToProps, mergeProps)(ThingContainerMixin);

export default ThingContainer;