React / Redux File Templates For JetBrain IDEs

class_component.jsx

import React, {PropTypes} from 'react'

class $NAME extends React.Component {
    render() {
        return(<h1> $NAME </h1>)
    }
}

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

export default $NAME

container.jsx

import React, { Component } from 'react'
import { connect } from 'react-redux'
import { withRouter } from 'react-router-dom'
import { bindActionCreators } from 'redux'
// import * as actions from 'file.actions'

class $NAME extends Component {
    render() {
        return (<h1> $NAME </h1>)
    }

  componentDidMount(){
      // this.props.actions.fetch()
  }
}

const mapStateToProps = (state) => {
  return {
    state: state
  }
}

const mapDispatchToProps = (dispatch) => {
  return {
    // actions: bindActionCreators(actions, dispatch)
  };
}

const container = connect(mapStateToProps, mapDispatchToProps)($NAME)

export default withRouter(container)

stateless_component.jsx

import React, { PropTypes } from 'react'
import { generateReactKey } from 'utils/utils'

const $NAME = ({props}) => {
    return (<h1 key={generateReactKey()}> $NAME </h1>)
}

$NAME .PropTypes = {
  // props: PropTypes.string.isRequired
}

export default $NAME