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 1 month ago
First Seen 8 years ago

Installs

Total 938
Win 660
Mac 162
Linux 116

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