PHPStorm / WEBStorm Live Template React Functional Component & React Redux Container Component (with mapStateToProps && mapDispatchToProps)

Intellij Live Template for React + Redux

//isn't it tiring to write the same component but can't really copy paste for each place?
//Just use a code template as your boilerplate and change whatever you need, here is your starter:

//Functional component:

import React, { Component } from 'react';

class $NAME extends Component {
  render() {
    return (
        <div>${END}</div>
    );
  }
}

export default $NAME;

//*****************************************//

//Redux Container Component:

import React, { PropTypes } from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
// Import actions here!!

class $NAME extends React.Component {
  constructor(props, context) {
    super(props, context);
  }

  render() {
    return (
        <div>${END}</div>
    );
  }
}

${NAME}.propTypes = {
  //myProp: PropTypes.string.isRequired
};

function mapStateToProps(state, ownProps) {
  return {
    state: state
  };
}

function mapDispatchToProps(dispatch) {
  return {
    actions: bindActionCreators(actions, dispatch)
  };
}

export default connect(mapStateToProps, mapDispatchToProps)($NAME);