From 3a89eb0558622717cfb5330245eca837bdcaf5bf Mon Sep 17 00:00:00 2001
From: "Jason Jon E. Carreos" <jason@ingenuity.ph>
Date: Thu, 22 Feb 2018 13:24:25 +0800
Subject: [PATCH] Stateless function snippet

---
 snippets/snippets.cson                        | 25 +++++++++++++++++
 ...elessFunction_react_native.sublime-snippet | 28 +++++++++++++++++++
 2 files changed, 53 insertions(+)
 create mode 100644 snippets/statelessFunction_react_native.sublime-snippet

diff --git a/snippets/snippets.cson b/snippets/snippets.cson
index 7e43174..8e8a62e 100644
--- a/snippets/snippets.cson
+++ b/snippets/snippets.cson
@@ -10,6 +10,31 @@
   'flex: 1':
     'prefix': 'f1'
     'body': 'flex: ${1:1},$0'
+  'Create react-native Stateless function':
+    'prefix': 'rnstf'
+    'body': """
+      \'use strict\';
+      
+      import React from \'react\';
+      
+      import {
+        ${4},
+      } from \'react-native\';
+      
+      const ${1:${TM_FILENAME/(.+)\..+|.*/$1/:MyComponent}} = (props) => {
+        render() {
+          return (
+            ${3:<View />}
+          );
+        }
+      }
+      
+      const styles = StyleSheet.create({
+      
+      });
+      
+      export default ${2:${TM_FILENAME/(.+)\..+|.*/$1/:MyComponent}};$0
+    """
   'React.PropTypes.':
     'prefix': 'rpt'
     'body': 'React.PropTypes.${1}$0'
diff --git a/snippets/statelessFunction_react_native.sublime-snippet b/snippets/statelessFunction_react_native.sublime-snippet
new file mode 100644
index 0000000..4d124f0
--- /dev/null
+++ b/snippets/statelessFunction_react_native.sublime-snippet
@@ -0,0 +1,28 @@
+<snippet>
+  <content><![CDATA[
+'use strict';
+
+import React from 'react';
+
+import {
+  ${4},
+} from 'react-native';
+
+const ${1:${TM_FILENAME/(.+)\..+|.*/$1/:MyComponent}} = (props) => {
+  render() {
+    return (
+      ${3:<View />}
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+
+});
+
+export default ${2:${TM_FILENAME/(.+)\..+|.*/$1/:MyComponent}};
+]]></content>
+  <tabTrigger>rnstf</tabTrigger>
+  <scope>source.js,source.jsx</scope>
+  <description>Create react-native Stateless function</description>
+</snippet>