snippets.cson

# Put me in ~/.atom/snippets.cson

'.source.js':
  'import connect':
    'prefix': 'cn'
    'body': "import {connect} from 'react-redux';"
  'export connect':
    'prefix': 'ecn'
    'body': "export default connect(mapStateToProps)(${1:MyComponent});"
  'import React + Component':
    'prefix': 'irc'
    'body': "import React, {Component} from 'react';"
  'React render w/ children':
    'prefix': 'rrc'
    'body': """
      render() {
        const {children} = this.props;
        return (
          <div>
            {children}
          </div>
        );
      }
    """
  'React render empty':
    'prefix': 'rre'
    'body': """
      render() {
        return (
          <${1:MyComponent} />
        );
      }
    """
  'React class component':
    'prefix': 'edc'
    'body': """
      export default class ${1:MyComponent} extends Component {
        $2
      }
    """
  'Map state to props':
    'prefix': 'mstp'
    'body': """
      function mapStateToProps(state) {
        return {
          ${1:myProp}: state.${2:myProp}
        }
      }
    """