My atom snippets

'.source.js':

  'sdiv':
    'prefix': 'sdiv'
    'body': """
      const $1 = styled.div`
        $0
      `;
    """

  'imp':
    'prefix': 'imp'
    'body': 'import $1 from \'$0\';'

  'imppt':
    'prefix': 'imppt'
    'body': 'import {$1} from \'prop-types\';$0'

  'import {onlyUpdateForKeys} from \'recompose\';':
    'prefix': 'imprec'
    'body': 'import {onlyUpdateForKeys} from \'recompose\';$0'

  'spt':
    'prefix': 'spt'
    'body': """
      static propTypes = forbidExtraProps({$1});$0
    """

  'impforb':
    'prefix': 'impforb'
    'body': 'import {forbidExtraProps} from \'airbnb-prop-types\';'

  'tps':
    'prefix': 'tps'
    'body': 'const {$0} = this.props;'

  'React div w/ styleName':
    'prefix': 'div'
    'body': '<div styleName="$1">$0</div>'

  'React span w/ className':
    'prefix': 'span'
    'body': '<span>$0</span>'

  'React component constructor':
    'prefix': 'con'
    'body': """
      constructor(props) {
        super(props);
        this.state = {$1};$0
      }
    """

  'gets':
    'prefix': 'gets'
    'body': '`${getSize({max: $1, min: $2})}px`$0'

  'React this.setState({})':
    'prefix': 'tse'
    'body': 'this.setState(() => ({$1}));$0'

  'React const {} = this':
    'prefix': 'cp'
    'body': 'const { ${1:props, }${2:state} } = this;$0'

  'React const {} = this.state':
    'prefix': 'cse'
    'body': 'const {$1} = this.state;$0'

  'React const {} = this.props':
    'prefix': 'cps'
    'body': 'const {$1} = this.props;$0'

  'comp':
    'prefix': 'comp'
    'body': """
      import React from 'react';
      import styled from 'styled-components';
      import {forbidExtraProps} from 'airbnb-prop-types';

      const Wr = styled.div`
      `;

      export default class $1 extends Component {
        static propTypes = forbidExtraProps({$2});

        render() {
          return (
            <Wr>
              $0
            </Wr>
          );
        }
      }
    """