reusable redux connection using render prop

redux-connection-provider.js

import React from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';

import {
	someAction,
	anotherAction
} from './actions.js';

class ReduxConnectionProvider extends React.Component {
	componentDidMount() {
		this.props.actions.someAction();
	}

	render() {
		const { component, render, children, actions, api } = this.props;

		const props = {
			anotherAction: actions.anotherAction,
      api
		};

		if (component) {
			return React.createElement(component, props);
		}

		if (render) {
			return render(props);
		}

		if (typeof children === 'function') {
			return children(props);
		}

		if (children) {
			return children;
		}

		return false;
	}
}

const mapStateToProps = state => ({
	api: state.api
});

const mapDispatchToProps = dispatch => ({
	actions: bindActionCreators(
		{
			someAction,
			anotherAction
		},
		dispatch
	)
});

export default connect(mapStateToProps, mapDispatchToProps)(
	ReduxConnectionProvider
);