recompose

somethingWithRecompose.js

import React from 'react';
import User from './User';
import { connect } from 'react-redux';
import { fetchUsers } from '../actions/index';
import { lifecycle, compose } from 'recompose';

const enhance = compose(
  lifecycle({
    componentDidMount() {
      this.props.fetchUsers();
    }
  })
)
export const UserList = ({ users }) => (
  <ul className="userlist">
    {users.map((user, i) => <User key={i} {...user} />)}
  </ul>
);

const mapStateToProps = ({ users }) => ({ users });

export default connect(mapStateToProps, {fetchUsers})(enhance(UserList));