ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Alrighty Snippets

by r3nya ALL

React ES6/ES7 snippets for SublimeText

Labels snippets, react, jsx, es6

Details

Installs

  • Total 857
  • Win 606
  • Mac 144
  • Linux 107
Dec 6 Dec 5 Dec 4 Dec 3 Dec 2 Dec 1 Nov 30 Nov 29 Nov 28 Nov 27 Nov 26 Nov 25 Nov 24 Nov 23 Nov 22 Nov 21 Nov 20 Nov 19 Nov 18 Nov 17 Nov 16 Nov 15 Nov 14 Nov 13 Nov 12 Nov 11 Nov 10 Nov 9 Nov 8 Nov 7 Nov 6 Nov 5 Nov 4 Nov 3 Nov 2 Nov 1 Oct 31 Oct 30 Oct 29 Oct 28 Oct 27 Oct 26 Oct 25 Oct 24 Oct 23
Windows 0 0 2 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Mac 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

Readme

Source
raw.​githubusercontent.​com

alrighty-snippets for SublimeText

React ES6/7 snippets for SublimeText


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,