Alrighty Snippets

作者： r3nya ALL

SublimeText 的 React ES6/ES7 Code Snippets

详细信息

版本 1.0.0
主页 github.com
问题 github.com
修改时间 8年前
最后查看时间 56分钟前
首次查看时间 8年前

安装次数

总数 907
Windows 633
Mac 159
Linux 115

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

源代码: raw.githubusercontent.com

alrighty-snippets for SublimeText

SublimeText 的 React ES6/7 Code Snippets

片段

新组件

前缀：_rnc

import React, { Component, PropTypes } from 'react';

export default class ${1:MyComponent} extends Component {
    static propTypes = {

    };

    render() {
        return (
            ${2:<div>MyComponent</div>}
        );
    }
}

新的无状态组件

前缀：_rns

import React, { PropTypes } from 'react';

export const ${1:MyComponent} = props => {

    return (
        ${2:<div>MyComponent</div>}
    );
}

${3:MyComponent}.propTypes = {

}

生命周期方法

前缀：_rcwm

componentWillMount() {
    ${1}
}

前缀：_rcdm

componentWillReceiveProps(nextProps) {
    ${1}
}

前缀：_rcwu

componentWillUnmount() {
    ${1}
}

PropTypes

字符串

前缀：_rps

${1:myProp}: PropTypes.string,

前缀：_rpsr

${1:myProp}: PropTypes.string.isRequired,

数字

前缀：_rpn

${1:myProp}: PropTypes.number,

前缀：_rpnr

${1:myProp}: PropTypes.number.isRequired,

对象

前缀：_rpo

${1:myProp}: PropTypes.object,

前缀：_rpor

${1:myProp}: PropTypes.object.isRequired,

数组

前缀：_rpa

${1:myProp}: PropTypes.array,

前缀：_rpar

${1:myProp}: PropTypes.array.isRequired,

布尔值

前缀：_rpb

${1:myProp}: PropTypes.bool,

前缀：_rpbr

${1:myProp}: PropTypes.bool.isRequired,

元素

前缀：_rpe

${1:myProp}: PropTypes.element,

前缀：_rper

${1:myProp}: PropTypes.element.isRequired,

函数

前缀：_rpf

${1:myProp}: PropTypes.func,

前缀：_rpfr

${1:myProp}: PropTypes.func.isRequired,