React/Redux Atom Snippets

react_snippets.cson

'.source.jsx':
  'react-component':
    'prefix': 'component'
    'body': """
      import React, {Component} from 'react';

      class $1 extends Component {
        constructor(props){
          super(props)
        }
        render(){
          return (<div className='$2'>$3</div>);
        }
      }

      export default $1;"""
  'redux-component':
    'prefix': 'redux'
    'body': '''
    import React, {Component} from 'react';
    import {connect} from 'react-redux';

    class $1 extends Component {
      constructor(props){
        super(props)
      }
      render(){
        return (<div className='$2'>$3</div>);
      }
    }

    export default connect(i=>i)($1);'''
  'div':
    'prefix': 'div'
    'body': """
      <div className='$1'>
        $2
      </div>"""
  'label':
    'prefix': 'label'
    'body': "<label forName='$1'>$2</label>"