React / Redux Templates for WebStorm

reactClassComponent

import React, {Component, PropTypes} from 'react';

class $NAME extends Component {
    constructor(props, context){
        super(props, context);
    }
    render(){
        return (
            <div>
            </div>
        );
    }
}

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

$NAME .defaultProps = {
    //myProp: <defaultValue>
};

export default $NAME;

reactFunctionalComponent

import React, {PropTypes} from 'react';

const $NAME = (props) => {
    return (
        <div>
        </div>
    );
};

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

$NAME .defaultProps = {
    //myProp: <defaultValue>
};

export default $NAME;

reactReduxContainer

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

class $NAME extends Component {
    constructor(props, context){
        super(props, context);
    }
    render(){
        return (
            <div>
            </div>
        );
    }
}

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

$NAME .defaultProps = {
    //myProp: <defaultValue>
};

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

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

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