alrighty-snippets

React ES6 snippets for Atom

alrighty

572

3

1.4.0

MIT

GitHub

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,