react-snippets.cson

    'JSX comment':
        'prefix': 'reJSXComment'
        'body': '{/* ${1:Comments...} */}'
    'ReactDOM.render':
        'prefix': 'reDOMRender'
        'body': 'ReactDOM.render(${1:<App />}, document.getElementById(\'${2:root}\'));'
    'class component w/ extras':
        'prefix': 'reCompFull'
        'body': """
                class ${1:Component} extends React.Component {
                    static propTypes = {
                        // require and typecheck certain props
                    }
                    static defaultProps = {
                        // set defaults
                    }
                    autoBoundMethod = () => {
                        // use with {this.autoBoundMethod}
                    }
                    constructor(props) {
                        super(props)
                        this.state = {
                            // set initial state
                        }
                    }
                    componentWillMount() {

                    }
                    componentDidMount() {
                        // make API calls here
                    }
                    componentWillReceiveProps(newProps) {

                    }
                    shouldComponentUpdate(newProps, newState) {

                    }
                    componentWillUpdate(nextProps, nextState) {

                    }
                    componentDidUpdate(prevProps, prevState) {

                    }
                    componentWillUnmount() {

                    }
                    render() {
                        return (
                            ${2:<div></div>}
                        );
                    }
                }
                """
    'class component':
        'prefix': 'reCompClass'
        'body': """
                class ${1:Component} extends React.Component {
                    render() {
                        return (
                            ${2:<div></div>}
                        );
                    }
                }
                """
    'functional component':
        'prefix': 'reCompFunc'
        'body': """
                const ${1:Component} = (props) => (
                    ${2:<div></div>}
                );
                """