alrighty-snippets package

React ES6 snippets for Atom.

Snippets

New component

Prefix: _rnc

import React, { Component, PropTypes } from 'react';

export default class ${1:MyComponent} extends Component {
	static propTypes = {

	};

	render() {
		return (
			${2:<div>MyComponent</div>}
		);
	}
}

New Stateless component

Prefix: _rns

import React, { PropTypes } from 'react';

export const ${1:MyComponent} = props => {

	return (
		${2:<div>MyComponent</div>}
	);
}

${3:MyComponent}.propTypes = {

}

Lifecycle Methods

Prefix: _rcwm

componentWillMount() {
	${1}
}

Prefix: _rcdm

componentWillReceiveProps(nextProps) {
	${1}
}

Prefix: _rcwu

componentWillUnmount() {
	${1}
}

PropTypes

String

Prefix: _rps

${1:myProp}: PropTypes.string,

Prefix: _rpsr

${1:myProp}: PropTypes.string.isRequired,

Number

Prefix: _rpn

${1:myProp}: PropTypes.number,

Prefix: _rpnr

${1:myProp}: PropTypes.number.isRequired,

Object

Prefix: _rpo

${1:myProp}: PropTypes.object,

Prefix: _rpor

${1:myProp}: PropTypes.object.isRequired,

Array

Prefix: _rpa

${1:myProp}: PropTypes.array,

Prefix: _rpar

${1:myProp}: PropTypes.array.isRequired,

Bool

Prefix: _rpb

${1:myProp}: PropTypes.bool,

Prefix: _rpbr

${1:myProp}: PropTypes.bool.isRequired,

Element

Prefix: _rpe

${1:myProp}: PropTypes.element,

Prefix: _rper

${1:myProp}: PropTypes.element.isRequired,

Function

Prefix: _rpf

${1:myProp}: PropTypes.func,

Prefix: _rpfr

${1:myProp}: PropTypes.func.isRequired,