Alrighty Snippets

by r3nya ALL

React ES6/ES7 snippets for SublimeText

Details

Version 1.0.0
Homepage github.com
Issues github.com
Modified 9 years ago
Last Seen 4 hours ago
First Seen 9 years ago

Installs

Total 948
Win 667
Mac 165
Linux 116

	Jul 11	Jul 10	Jul 9	Jul 8	Jul 7	Jul 6	Jul 5	Jul 4	Jul 3	Jul 2	Jul 1	Jun 30	Jun 29	Jun 28	Jun 27	Jun 26	Jun 25	Jun 24	Jun 23	Jun 22	Jun 21	Jun 20	Jun 19	Jun 18	Jun 17	Jun 16	Jun 15	Jun 14	Jun 13	Jun 12	Jun 11	Jun 10	Jun 9	Jun 8	Jun 7	Jun 6	Jun 5	Jun 4	Jun 3	Jun 2	Jun 1	May 31	May 30	May 29	May 28
Windows	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	0	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	1
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	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	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,