Alrighty Snippets

by r3nya ST2/ST3

React ES6/ES7 snippets for SublimeText

Details

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

Installs

Total 459
Win 311
OS X 94
Linux 54

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