react snippets

snippets.cson

'.source.js':
  'React es6 class':
    'prefix': '_re6c'
    'body': """
      import React from \'react\';

      export default class ${1:XXX} extends React.Component {
        constructor(props) {
          super(props);
        }
        render() {
          const { ${2:xxxArray} ${3:xxxString} ${4:xxxObject} } = this.props;

          return (
            <div className="">
              XXX
            </div>
          );
        }
      }

      ${1:XXX}.propTypes = {
        ${2:xxxArray}: React.PropTypes.array,
        ${3:xxxString}: React.PropTypes.string,
        ${4:xxxObject}: React.PropTypes.object,
      };
    """

  'React es6 stateless function':
    'prefix': '_re6sf'
    'body': """
      import React from \'react\';

      const ${1:XXX} = (\{ ${2:xxxObject} \}) => (
        <div className="">
          xxx
        </div>
      )

      ${1:XXX}.propTypes = {
        ${2:xxxObject}: React.PropTypes.object,
      };

      export default ${1:XXX};
    """