A React boilerplate gist for Atom

gistfile1.txt

'.source.js*':
  'react boilerplate':
    'prefix': 'rbp'
    'body': """
import React, { PropTypes } from 'react';
import { connect } from 'react-redux';

import './${1:MyComponent}.less';

const ${1:MyComponent} = ({$3}) => (
    <div>
        $10
    </div>
);

${1:MyComponent}.propTypes = {
    $5
};

export const Connected${1:MyComponent} = connect(
    ${6:state => ({

    \\}),}
    ${7:dispatch => ({

    \\})}
)(${1:MyComponent});
export default ${1:MyComponent};

"""

imports should be changed from:

import React, { PropTypes } from 'react';
import './${1:MyComponent}.less';

to:

import React from 'react';
import ImmutablePropTypes from 'react-immutable-proptypes';
import { connect } from 'react-redux';
import './${1:MyComponent}.less';

I think it's worth adding more snippets for those!