22
33A collection of Sublime Text snippets for [ react-native] ( https://github.com/facebook/react-native ) .
44
5+ ** These snippets use ES6 syntax.**
6+
57## Install
68
79Install 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)
1214 <tr>
1315 <th>Snippet</th>
1416 <th>Tab Trigger</th>
17+ <th>Description</th>
1518 </tr>
1619 <tr>
17- <td>Create React Native Class</td>
20+ <td>React Native Create Class</td>
1821 <td>rncc</td>
22+ <td>Scaffolds a full react-native component class.</td>
1923 </tr>
2024 <tr>
2125 <td>this.setState()</td>
@@ -24,10 +28,12 @@ Install via [Package Control](http://wbond.net/sublime_packages/package_control)
2428 <tr>
2529 <td>Create StyleSheet</td>
2630 <td>css</td>
31+ <td>Scaffolds a StyleSheet-only module.</td>
2732 </tr>
2833 <tr>
2934 <td>StyleSheet.create()</td>
3035 <td>ssc</td>
36+ <td>Shortcut for creating a StyleSheet inline.</td>
3137 </tr>
3238 <tr>
3339 <td>React.PropTypes.</td>
@@ -42,6 +48,10 @@ Install via [Package Control](http://wbond.net/sublime_packages/package_control)
4248 <th>Snippet</th>
4349 <th>Tab Trigger</th>
4450 </tr >
51+ <tr >
52+ <td>constructor()</td>
53+ <td>constructor()</td>
54+ </tr >
4555 <tr >
4656 <td>componentWillMount()</td>
4757 <td>cwm</td>
@@ -75,8 +85,24 @@ Install via [Package Control](http://wbond.net/sublime_packages/package_control)
7585 <td>scud</td>
7686 </tr >
7787 <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>
80106 </tr >
81107</table >
82108
@@ -89,31 +115,43 @@ Install via [Package Control](http://wbond.net/sublime_packages/package_control)
89115 </tr>
90116 <tr>
91117 <td><a href="http://facebook.github.io/react-native/docs/activityindicatorios.html#content">ActivityIndicatorIOS</a></td>
92- <td>ActivityIndicatorIOS</td>
118+ <td>< ActivityIndicatorIOS</td>
93119 </tr>
94120 <tr>
95121 <td><a href="http://facebook.github.io/react-native/docs/datepickerios.html#content">DatePickerIOS</a></td>
96- <td>DatePickerIOS</td>
122+ <td>< DatePickerIOS</td>
97123 </tr>
98124 <tr>
99125 <td><a href="http://facebook.github.io/react-native/docs/image.html#content">Image</a></td>
100- <td>Image</td>
126+ <td>< Image</td>
101127 </tr>
102128 <tr>
103129 <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>
105135 </tr>
106136 <tr>
107137 <td><a href="http://facebook.github.io/react-native/docs/navigatorios.html#content">NavigatorIOS</a></td>
108- <td>NavigatorIOS</td>
138+ <td>< NavigatorIOS</td>
109139 </tr>
110140 <tr>
111141 <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>
113151 </tr>
114152 <tr>
115153 <td><a href="http://facebook.github.io/react-native/docs/view.html#content">View</a></td>
116- <td>View_ </td>
154+ <td><View </td>
117155 </tr>
118156</table >
119157
0 commit comments