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 3 hours ago
First Seen 9 years ago

Installs

Total 962
Win 677
Mac 167
Linux 118

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