redux_container_list_boilerplate

gistfile1.jsx

import React, { Component } from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { $ACTION } from '../actions';

class $LIST_CONTAINER extends Component {

  componentWillMount() {
    this.props.$ACTION();
  }

  render(){
    return(
      <div>
        {
          this.props.$LIST_KEY.map(($ITEM) => {
            return <$ITEM_CONTAINER key={$ITEM.id} item={$ITEM} />
          }
          )
        }
      </div>
    )
  };
}
function mapStateToProps(state) {
  return {
    $LIST_KEY: state.$LIST
  };
}

function mapDispatchToProps(dispatch) {
  return bindActionCreators(
    { $ACTION },
    dispatch
  );
}

// export default $LIST_CONTAINER;
export default connect(mapStateToProps, mapDispatchToProps)($LIST_CONTAINER);