Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 0719c03

Browse files
committed
Move ES2015 snippets
1 parent 7971f94 commit 0719c03

File tree

2 files changed

+5
-101
lines changed

2 files changed

+5
-101
lines changed

README.md

+5-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Vim React Snippets
22

3-
A Vim snippet library for React in ES6.
3+
A Vim snippet library for React in ES6. You may also want to check out [vim-es2015-snippets](https://github.com/epilande/vim-es2015-snippets).
44

55
Requires [UltiSnips](https://github.com/SirVer/ultisnips).
66

@@ -11,13 +11,16 @@ Requires [UltiSnips](https://github.com/SirVer/ultisnips).
1111
Using vim-plug:
1212

1313
```vim
14+
" ES2015 code snippets (Optional)
15+
Plug 'epilande/vim-es2015-snippets'
16+
1417
" React code snippets
1518
Plug 'epilande/vim-react-snippets'
1619
1720
" Ultisnips
1821
Plug 'SirVer/ultisnips'
1922
20-
" Trigger configuration (optional)
23+
" Trigger configuration (Optional)
2124
" let g:UltiSnipsExpandTrigger="<C-l>"
2225
```
2326

UltiSnips/javascript.snippets

-99
Original file line numberDiff line numberDiff line change
@@ -1,102 +1,3 @@
1-
# ES2015
2-
snippet "c(onst)?" "const" br
3-
const ${1} = ${2:'$1'};
4-
endsnippet
5-
6-
snippet "l(et)?" "let" br
7-
let ${1} = ${2:'$1'};
8-
endsnippet
9-
10-
snippet "i(mport|mp|m)?" "import" br
11-
import ${1} from '${2:./}${3:$1}';
12-
endsnippet
13-
14-
snippet "e(xport|xp|x)?" "export" br
15-
export ${1:default };
16-
endsnippet
17-
18-
snippet ie "Import file then export" b
19-
import ${1} from '${2:./}${3:$1}';
20-
21-
export ${4:default} $1;
22-
endsnippet
23-
24-
snippet r "return"
25-
return ${0:result;}
26-
endsnippet
27-
28-
snippet : "Object Value JS"
29-
${1:key}: ${0:value},
30-
endsnippet
31-
32-
snippet :f "method: func(...) { ... }"
33-
${1:key}: ${2:(args)} => {
34-
return $4;
35-
}${3:,}
36-
endsnippet
37-
38-
snippet "\.(map|filter|forEach|reduce)" "Array method with an arrow function" r
39-
.`!p snip.rv = match.group(1)`(${1:(c, i)} => {
40-
return $2;
41-
});
42-
endsnippet
43-
44-
snippet "\.(map|filter|forEach|reduce)=" "Array method with an arrow function inline" rA
45-
.`!p snip.rv = match.group(1)`(${1:(c, i)} => $2);
46-
endsnippet
47-
48-
snippet => "Arrow function"
49-
(${1:args}) => {
50-
return $3;
51-
}${2:;}
52-
endsnippet
53-
54-
snippet =>> "Inline arrow function" A
55-
(${1:args}) => ($2);
56-
endsnippet
57-
58-
snippet c=> "Const Function" bA
59-
const ${1:name} = (${2:args}) => {
60-
return $4;
61-
}${3:;}
62-
endsnippet
63-
64-
snippet expf "Export function" b
65-
export ${1:default }function($2) {
66-
$3
67-
};
68-
endsnippet
69-
70-
snippet fun* "Generator"
71-
function* ${1:name}($2) {
72-
yield $3;
73-
}
74-
endsnippet
75-
76-
snippet forof "For of loop" b
77-
for (let ${1:value} of ${2:iterable}) {
78-
${3:$1}
79-
}
80-
endsnippet
81-
82-
snippet class "Class"
83-
class ${1:Name} {
84-
constructor(${2:arg}) {
85-
$3
86-
}
87-
$4
88-
}
89-
endsnippet
90-
91-
snippet cl "console.log(...)"
92-
console.log('${2:$1: }', ${1});
93-
endsnippet
94-
95-
snippet al "alert(...)"
96-
alert($1);
97-
endsnippet
98-
99-
1001
# React & JSX
1012
snippet rrcc "React Redux Class Component" b
1023
import React, { Component, PropTypes } from 'react';

0 commit comments

Comments
 (0)