2
2
3
3
A collection of Sublime Text snippets for [ react-native] ( https://github.com/facebook/react-native ) .
4
4
5
+ ** These snippets use ES6 syntax.**
6
+
5
7
## Install
6
8
7
9
Install via [ Package Control] ( http://wbond.net/sublime_packages/package_control ) by searching for ` react-native-snippets ` .
@@ -12,10 +14,12 @@ Install via [Package Control](http://wbond.net/sublime_packages/package_control)
12
14
<tr>
13
15
<th>Snippet</th>
14
16
<th>Tab Trigger</th>
17
+ <th>Description</th>
15
18
</tr>
16
19
<tr>
17
- <td>Create React Native Class</td>
20
+ <td>React Native Create Class</td>
18
21
<td>rncc</td>
22
+ <td>Scaffolds a full react-native component class.</td>
19
23
</tr>
20
24
<tr>
21
25
<td>this.setState()</td>
@@ -24,10 +28,12 @@ Install via [Package Control](http://wbond.net/sublime_packages/package_control)
24
28
<tr>
25
29
<td>Create StyleSheet</td>
26
30
<td>css</td>
31
+ <td>Scaffolds a StyleSheet-only module.</td>
27
32
</tr>
28
33
<tr>
29
34
<td>StyleSheet.create()</td>
30
35
<td>ssc</td>
36
+ <td>Shortcut for creating a StyleSheet inline.</td>
31
37
</tr>
32
38
<tr>
33
39
<td>React.PropTypes.</td>
@@ -42,6 +48,10 @@ Install via [Package Control](http://wbond.net/sublime_packages/package_control)
42
48
<th>Snippet</th>
43
49
<th>Tab Trigger</th>
44
50
</tr >
51
+ <tr >
52
+ <td>constructor()</td>
53
+ <td>constructor()</td>
54
+ </tr >
45
55
<tr >
46
56
<td>componentWillMount()</td>
47
57
<td>cwm</td>
@@ -75,8 +85,24 @@ Install via [Package Control](http://wbond.net/sublime_packages/package_control)
75
85
<td>scud</td>
76
86
</tr >
77
87
<tr >
78
- <td>propTypes:</td>
79
- <td>pt</td>
88
+ <td>.propTypes = {}</td>
89
+ <td>propTypes</td>
90
+ </tr >
91
+ <tr >
92
+ <td>.defaultProps = {}</td>
93
+ <td>defaultProps</td>
94
+ </tr >
95
+ <tr >
96
+ <td>flex: 1</td>
97
+ <td>f1</td>
98
+ </tr >
99
+ <tr >
100
+ <td>alignItems: 'center'</td>
101
+ <td>ai</td>
102
+ </tr >
103
+ <tr >
104
+ <td>justifyContent: 'center'</td>
105
+ <td>jc</td>
80
106
</tr >
81
107
</table >
82
108
@@ -89,31 +115,43 @@ Install via [Package Control](http://wbond.net/sublime_packages/package_control)
89
115
</tr>
90
116
<tr>
91
117
<td><a href="http://facebook.github.io/react-native/docs/activityindicatorios.html#content">ActivityIndicatorIOS</a></td>
92
- <td>ActivityIndicatorIOS</td>
118
+ <td>< ActivityIndicatorIOS</td>
93
119
</tr>
94
120
<tr>
95
121
<td><a href="http://facebook.github.io/react-native/docs/datepickerios.html#content">DatePickerIOS</a></td>
96
- <td>DatePickerIOS</td>
122
+ <td>< DatePickerIOS</td>
97
123
</tr>
98
124
<tr>
99
125
<td><a href="http://facebook.github.io/react-native/docs/image.html#content">Image</a></td>
100
- <td>Image</td>
126
+ <td>< Image</td>
101
127
</tr>
102
128
<tr>
103
129
<td><a href="http://facebook.github.io/react-native/docs/listview.html#content">ListView</a></td>
104
- <td>ListView</td>
130
+ <td><ListView</td>
131
+ </tr>
132
+ <tr>
133
+ <td><a href="http://facebook.github.io/react-native/docs/navigator.html#content">Navigator</a></td>
134
+ <td><Navigator</td>
105
135
</tr>
106
136
<tr>
107
137
<td><a href="http://facebook.github.io/react-native/docs/navigatorios.html#content">NavigatorIOS</a></td>
108
- <td>NavigatorIOS</td>
138
+ <td>< NavigatorIOS</td>
109
139
</tr>
110
140
<tr>
111
141
<td><a href="http://facebook.github.io/react-native/docs/pickerios.html#content">PickerIOS</a></td>
112
- <td>PickerIOS</td>
142
+ <td><PickerIOS</td>
143
+ </tr>
144
+ <tr>
145
+ <td><a href="http://facebook.github.io/react-native/docs/text.html#content">Text</a></td>
146
+ <td><Text</td>
147
+ </tr>
148
+ <tr>
149
+ <td><a href="http://facebook.github.io/react-native/docs/touchablehighlight.html#content">TouchableHighlight</a></td>
150
+ <td><TouchableHighlight</td>
113
151
</tr>
114
152
<tr>
115
153
<td><a href="http://facebook.github.io/react-native/docs/view.html#content">View</a></td>
116
- <td>View_ </td>
154
+ <td><View </td>
117
155
</tr>
118
156
</table >
119
157
0 commit comments