• Packages
  • Themes
  • Documentation
  • Blog
  • Discussions
Sign in

alrighty-snippets

React ES6 snippets for Atom
  • #react
  • #es6
  • #babel
  • #snippets
alrighty
1.4.0 572
3
  • Repo
  • Bugs
  • Versions
  • License
Flag as spam or malicious

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,

I think this package is bad news.

Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.

  • Terms of Use
  • Privacy
  • Code of Conduct
  • Releases
  • FAQ
  • Contact
with by