11priority 100
22
3- snippet c " const" b
3+ snippet "c(onst)?" " const" br
44const ${1} = ${2: '1ドル ' } ;
55endsnippet
66
7- snippet l " let" b
7+ snippet "l(et)?" " let" br
88let ${1} = ${2: '1ドル ' } ;
99endsnippet
1010
1111snippet "i(mport|mp|m)?" " import" br
1212import ${1} from '${2: ./ }${3: 1ドル ';
1313endsnippet
1414
15- snippet e " export" b
16- export ${1: default }
15+ snippet "e(xport|xp|x)?" " export" br
16+ export ${1: default } ;
1717endsnippet
1818
1919snippet ie " Import file then export" b
@@ -31,9 +31,9 @@ ${1:key}: ${0:value},
3131endsnippet
3232
3333snippet :f " method: func(...) { ... }"
34- ${1: method_name } : function ( ${2: args } ) {
35- return ${3 } ;
36- }
34+ ${1: key } : ${2: ( args) } => {
35+ return ${4 } ;
36+ }${3 : ; }
3737endsnippet
3838
3939snippet "\.(map|filter|forEach|reduce)" " Array method with an arrow function" r
@@ -56,15 +56,23 @@ snippet =>> "Inline"
5656(${1: args } ) => (${3} );
5757endsnippet
5858
59+ snippet expf " Export function" b
60+ export ${1: default } function(2ドル ) {
61+ 3ドル
62+ };
63+ endsnippet
64+ 5965
6066# React & JSX
6167snippet rrcc " React Redux Class Component" b
6268import React, { Component, PropTypes } from 'react';
6369import { connect } from 'react-redux';
64- import styles from './${1 : `!v expand('%:t:r')` } .css';
70+ import styles from './${2 : 1ドル .css';
6571
66- class $1 extends Component {
72+ class ${1 : `!v expand('%:t:r')` } extends Component {
6773 static propTypes = {
74+ children: PropTypes.node,
75+ className: PropTypes.string,
6876 dispatch: PropTypes.func.isRequired,
6977 };
7078
@@ -75,7 +83,7 @@ class 1ドル extends Component {
7583 render() {
7684 return (
7785 <div className={styles.base}>
78- ${2 }
86+ ${3 }
7987 </div>
8088 );
8189 }
@@ -90,10 +98,12 @@ endsnippet
9098
9199snippet rcc " React Class Component" b
92100import React, { Component, PropTypes } from 'react';
93- import styles from './${1 : `!v expand('%:t:r')` } .css';
101+ import styles from './${2 : 1ドル .css';
94102
95- class $1 extends Component {
103+ class ${1 : `!v expand('%:t:r')` } extends Component {
96104 static propTypes = {
105+ children: PropTypes.node,
106+ className: PropTypes.string,
97107 };
98108
99109 constructor(props) {
@@ -103,7 +113,7 @@ class 1ドル extends Component {
103113 render() {
104114 return (
105115 <div className={styles.base}>
106- ${2 }
116+ ${3 }
107117 </div>
108118 );
109119 }
@@ -112,13 +122,13 @@ class 1ドル extends Component {
112122export default 1ドル ;
113123endsnippet
114124
115- snippet rsc " React Stateless Component" b
125+ snippet rfc " React Functional Component" b
116126import React, { PropTypes } from 'react';
117- import styles from './${1 : `!v expand('%:t:r')` } .css';
127+ import styles from './${2 : 1ドル .css';
118128
119- const $1 = ({ ${2 : ...props } }) => (
129+ const ${1 : `!v expand('%:t:r')` } = ({ ${3 : ...props } }) => (
120130 <div className={styles.base}>
121- $3
131+ $4
122132 </div>
123133);
124134
@@ -131,11 +141,20 @@ 1ドル.propTypes = {
131141export default 1ドル ;
132142endsnippet
133143
144+ 145+ 134146snippet cn " className"
135147className="${1} "
136148endsnippet
137149
138- 150+ snippet class " Class" b
151+ class ${1: Name } {
152+ constructor(${2: arg } ) {
153+ ${3}
154+ }
155+ ${4}
156+ }
157+ endsnippet
139158
140159snippet cl " console.log(...)" b
141160console.log('${2: 1ドル : ', ${1} );
0 commit comments