Webstorm file templates for react components.

ReactClass.js

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

class ${NAME} extends Component {
    constructor(props) {
        super(props);
        //Set any initial state here
    }
    
    render() {
        return (
            <div>
                <h1>New Class Based Component</h1>
            </div>
        );
    }
}

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

export default ${NAME};

ReactFunction.js

import React, {PropTypes} from 'react';

const ${NAME} = () => {
    return (
        <div>
            <h1>This is the new ${name} component.</h1>
        </div>
    );
};

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

export defualt ${name};

ReactIntlClass.js

import React, {Component, PropTypes} from 'react';
import {defineMessages, injectIntl} from 'react-intl';

//Define any international Messages here
const messages = defineMessages({
  example: {
    id: 'Parent.${NAME}.example',
    description: 'An example message.',
    defaultMessage: 'Translate Me.'
  }
});

class ${NAME} extends Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div>
        This will be translated: <br />
        {this.props.intl.formatMessage(messages.example)}
      </div>
    );
  }
}

${NAME}.propTypes = {
  name: PropTypes.string.isRequired,
}

export default injectIntl(${NAME});