Alrighty Snippets

下载次数：2

更新时间：2016-12-14 16:58:11

插件作者：r3nya

版本支持：sublime text 2,sublime text 3

系统支持： Windows,OS X,Linux

所属分类：snippets,react,jsx,es6

曾用名称：--

插件介绍：React ES6/ES7 snippets for SublimeText

详细介绍： --

readme： 

							
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,

推荐插件
language syntax snippets color scheme linting theme auto-complete text manipulation formatting javascript build system utilities completions syntax file navigation php python html go markdown search testing code navigation documentation git ruby language text navigation autocomplete vcs utils lua coffeescript latex sass build highlighting text selection java diff scala terminal addon preview todo scss js Completion automation snippet comments nsis svn file creation formatter project sidebar commands console test less repl indent code sharing C hg monokai clipboard file open perl tasks nodejs sync android C++ react japanese editor json markup code style Jasmine editor emulation es6 font diff/merge material jsx syntax highlight docs translate textile code generation debugging sql google node minification laravel typescript cursors manipulation golang save workspace haskell emacs file logs command line wordpress templating compare matlab precompiler watch xml window hexadecimal difference st3 ember jade stylus notes backup indentation browser share rust julia ide make debug angular groovy 中文 unit test converter vhdl utility plugin development unicode restructuredtext apicloud coding Clang spec ftp icons lisp text format grails remote collaboration merge R rubymotion framework file comparison codex sublime svg dark email CSS commit open files stata ruby on rails logger pattern writing convert cli fullscreen validate copy calculator coffee hint icon_fonts code Debugger preferences automate colour input method intellisense converting tidy bash package oracle conflicts pandoc