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 915
  • Win 640
  • Mac 160
  • Linux 115
Sep 17 Sep 16 Sep 15 Sep 14 Sep 13 Sep 12 Sep 11 Sep 10 Sep 9 Sep 8 Sep 7 Sep 6 Sep 5 Sep 4 Sep 3 Sep 2 Sep 1 Aug 31 Aug 30 Aug 29 Aug 28 Aug 27 Aug 26 Aug 25 Aug 24 Aug 23 Aug 22 Aug 21 Aug 20 Aug 19 Aug 18 Aug 17 Aug 16 Aug 15 Aug 14 Aug 13 Aug 12 Aug 11 Aug 10 Aug 9 Aug 8 Aug 7 Aug 6 Aug 5 Aug 4
Windows 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 0 0 0 0 0 0 0 0 0 0 0 1 0 0 1 0 0 0 2 1 0 0 0 0 0 0
Mac 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 2 0 1 1 1 0
Linux 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 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,