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>