Skip to content

Commit e2603ec

Browse files
r3nyar3nya
committed
Added new snippets & updated old
1 parent 93d5e80 commit e2603ec

19 files changed

+242
-10
lines changed

‎componentDidMount.sublime-snippet

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,6 @@ componentDidMount() {
55
}
66
]]></content>
77
<tabTrigger>_rcdm</tabTrigger>
8-
<scope>source.js</scope>
8+
<scope>source.js,source.jsx</scope>
99
<description>React: componentDidMount</description>
1010
</snippet>

‎componentWillMount.sublime-snippet

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,6 @@ componentWillMount() {
55
}
66
]]></content>
77
<tabTrigger>_rcwm</tabTrigger>
8-
<scope>source.js</scope>
8+
<scope>source.js,source.jsx</scope>
99
<description>React: componentWillMount</description>
1010
</snippet>

‎componentWillReceiveProps.sublime-snippet

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,6 @@ componentWillReceiveProps(nextProps) {
55
}
66
]]></content>
77
<tabTrigger>_rcwrp</tabTrigger>
8-
<scope>source.js</scope>
8+
<scope>source.js,source.jsx</scope>
99
<description>React: componentWillReceiveProps</description>
1010
</snippet>

‎componentWillUnmount.sublime-snippet

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,6 @@ componentWillUnmount() {
55
}
66
]]></content>
77
<tabTrigger>_rcwu</tabTrigger>
8-
<scope>source.js</scope>
8+
<scope>source.js,source.jsx</scope>
99
<description>React: componentWillUnmount</description>
1010
</snippet>

‎new_component.sublime-snippet

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,6 @@ export default class ${1:MyComponent} extends Component {
1515
}
1616
]]></content>
1717
<tabTrigger>_rnc</tabTrigger>
18-
<scope>source.js</scope>
18+
<scope>source.js,source.jsx</scope>
1919
<description>React: New Component</description>
2020
</snippet>

‎new_stateless_component.sublime-snippet

+1-1
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,6 @@ ${3:MyComponent}.propTypes = {
1111
}
1212
]]></content>
1313
<tabTrigger>_rns</tabTrigger>
14-
<scope>source.js</scope>
14+
<scope>source.js,source.jsx</scope>
1515
<description>React: New Stateless Component</description>
1616
</snippet>

‎propType_array.sublime-snippet

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:myProp}: PropTypes.array,
4+
]]></content>
5+
<tabTrigger>_rpa</tabTrigger>
6+
<scope>source.js,source.jsx</scope>
7+
<description>React: PropTypes array</description>
8+
</snippet>

‎propType_array_required.sublime-snippet

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:myProp}: PropTypes.array.isRequired,
4+
]]></content>
5+
<tabTrigger>_rpar</tabTrigger>
6+
<scope>source.js,source.jsx</scope>
7+
<description>React: PropTypes array required</description>
8+
</snippet>

‎propType_bool.sublime-snippet

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:myProp}: PropTypes.bool,
4+
]]></content>
5+
<tabTrigger>_rpb</tabTrigger>
6+
<scope>source.js,source.jsx</scope>
7+
<description>React: PropTypes bool</description>
8+
</snippet>

‎propType_bool_required.sublime-snippet

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:myProp}: PropTypes.bool.isRequired,
4+
]]></content>
5+
<tabTrigger>_rpbr</tabTrigger>
6+
<scope>source.js,source.jsx</scope>
7+
<description>React: PropTypes bool required</description>
8+
</snippet>

‎propType_function.sublime-snippet

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:myProp}: PropTypes.func,
4+
]]></content>
5+
<tabTrigger>_rpf</tabTrigger>
6+
<scope>source.js,source.jsx</scope>
7+
<description>React: PropTypes function</description>
8+
</snippet>

‎propType_function_required.sublime-snippet

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:myProp}: PropTypes.func.isRequired,
4+
]]></content>
5+
<tabTrigger>_rpfr</tabTrigger>
6+
<scope>source.js,source.jsx</scope>
7+
<description>React: PropTypes function required</description>
8+
</snippet>

‎propType_number.sublime-snippet

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,6 @@
33
${1:myProp}: PropTypes.number,
44
]]></content>
55
<tabTrigger>_rpn</tabTrigger>
6-
<scope>source.js</scope>
6+
<scope>source.js,source.jsx</scope>
77
<description>React: PropTypes number</description>
88
</snippet>

‎propType_number_required.sublime-snippet

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,6 @@
33
${1:myProp}: PropTypes.number.isRequired,
44
]]></content>
55
<tabTrigger>_rpnr</tabTrigger>
6-
<scope>source.js</scope>
6+
<scope>source.js,source.jsx</scope>
77
<description>React: PropTypes number required</description>
88
</snippet>

‎propType_object.sublime-snippet

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:myProp}: PropTypes.object,
4+
]]></content>
5+
<tabTrigger>_rpo</tabTrigger>
6+
<scope>source.js,source.jsx</scope>
7+
<description>React: PropTypes object</description>
8+
</snippet>

‎propType_object_required.sublime-snippet

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:myProp}: PropTypes.object.isRequired,
4+
]]></content>
5+
<tabTrigger>_rpor</tabTrigger>
6+
<scope>source.js,source.jsx</scope>
7+
<description>React: PropTypes object required</description>
8+
</snippet>

‎propType_string_required.sublime-snippet

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,6 @@
33
${1:myProp}: PropTypes.string.isRequired,
44
]]></content>
55
<tabTrigger>_rpsr</tabTrigger>
6-
<scope>source.js</scope>
6+
<scope>source.js,source.jsx</scope>
77
<description>React: PropTypes string required</description>
88
</snippet>

‎propTypes_string.sublime-snippet

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,6 @@
33
${1:myProp}: PropTypes.string,
44
]]></content>
55
<tabTrigger>_rps</tabTrigger>
6-
<scope>source.js</scope>
6+
<scope>source.js,source.jsx</scope>
77
<description>React: PropTypes string</description>
88
</snippet>

‎readme.md

+168
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,171 @@
11
# alrighty-snippets for SublimeText
22

33
React ES6/7 snippets for [SublimeText](http://sublimetext.com)
4+
5+
---
6+
7+
# Snippets
8+
9+
### New component
10+
11+
##### Prefix: _rnc
12+
13+
```js
14+
import React, { Component, PropTypes } from 'react';
15+
16+
export default class ${1:MyComponent} extends Component {
17+
static propTypes = {
18+
19+
};
20+
21+
render() {
22+
return (
23+
${2:<div>MyComponent</div>}
24+
);
25+
}
26+
}
27+
```
28+
29+
### New Stateless component
30+
31+
##### Prefix: _rns
32+
33+
```js
34+
import React, { PropTypes } from 'react';
35+
36+
export const ${1:MyComponent} = props => {
37+
38+
return (
39+
${2:<div>MyComponent</div>}
40+
);
41+
}
42+
43+
${3:MyComponent}.propTypes = {
44+
45+
}
46+
```
47+
---
48+
49+
### Lifecycle Methods
50+
##### Prefix: _rcwm
51+
52+
```js
53+
componentWillMount() {
54+
${1}
55+
}
56+
```
57+
58+
##### Prefix: _rcdm
59+
60+
```js
61+
componentWillReceiveProps(nextProps) {
62+
${1}
63+
}
64+
```
65+
66+
##### Prefix: _rcwu
67+
68+
```js
69+
componentWillUnmount() {
70+
${1}
71+
}
72+
```
73+
---
74+
75+
### PropTypes
76+
77+
#### String
78+
79+
##### Prefix: _rps
80+
81+
```js
82+
${1:myProp}: PropTypes.string,
83+
```
84+
85+
##### Prefix: _rpsr
86+
87+
```js
88+
${1:myProp}: PropTypes.string.isRequired,
89+
```
90+
91+
#### Number
92+
93+
##### Prefix: _rpn
94+
95+
```js
96+
${1:myProp}: PropTypes.number,
97+
```
98+
99+
##### Prefix: _rpnr
100+
101+
```js
102+
${1:myProp}: PropTypes.number.isRequired,
103+
```
104+
105+
#### Object
106+
107+
##### Prefix: _rpo
108+
109+
```js
110+
${1:myProp}: PropTypes.object,
111+
```
112+
113+
##### Prefix: _rpor
114+
115+
```js
116+
${1:myProp}: PropTypes.object.isRequired,
117+
```
118+
119+
#### Array
120+
121+
##### Prefix: _rpa
122+
123+
```js
124+
${1:myProp}: PropTypes.array,
125+
```
126+
127+
##### Prefix: _rpar
128+
129+
```js
130+
${1:myProp}: PropTypes.array.isRequired,
131+
```
132+
133+
#### Bool
134+
135+
##### Prefix: _rpb
136+
137+
```js
138+
${1:myProp}: PropTypes.bool,
139+
```
140+
141+
##### Prefix: _rpbr
142+
143+
```js
144+
${1:myProp}: PropTypes.bool.isRequired,
145+
```
146+
147+
#### Element
148+
149+
##### Prefix: _rpe
150+
151+
```js
152+
${1:myProp}: PropTypes.element,
153+
```
154+
155+
##### Prefix: _rper
156+
157+
```js
158+
${1:myProp}: PropTypes.element.isRequired,
159+
```
160+
161+
#### Function
162+
163+
##### Prefix: _rpf
164+
```js
165+
${1:myProp}: PropTypes.func,
166+
```
167+
168+
##### Prefix: _rpfr
169+
```js
170+
${1:myProp}: PropTypes.func.isRequired,
171+
```

0 commit comments

Comments
 (0)