lucianomlima · April 18, 2018 03:10 · Apr 18, 2018 · Apr 18, 2018 · Apr 7, 2018 · Apr 7, 2018
diff --git a/snippets.cson b/snippets.cson
@@ -54,18 +54,18 @@
 
   "React: stateless component":
     prefix: "rcs"
-    body: "import React from \'react\';\n\nconst $1 = (${2:props}) => {\n\treturn (\n\t\t$3\n\t);\n}\n\nexport default ${1};\n"
+    body: "import React from \'react\';\n\nconst $1 = ${2:props} => (\n\t$3\n);\n\nexport default ${1};\n"
 
   "React: local stateless component":
     prefix: "rcsl"
-    body: "const $1 = (${2:props}) => {\n\treturn (\n\t\t$3\n\t);\n}\n"
+    body: "const $1 = ${2:props} => (\n\t$3\n);\n"
 
-  "React: local component function":
-    prefix: "rcf"
+  "React: component method":
+    prefix: "rcm"
     body: "${1:_methodName} ($2) {\n\t$3\n}"
 
-  "React: local component binded function":
-    prefix: "rcbf"
+  "React: component binded method":
+    prefix: "rcbm"
     body: "${1:_methodName} = ($2) => {\n\t$3\n}"
 
   "React: this.props.":

diff --git a/snippets.cson b/snippets.cson
@@ -5,7 +5,7 @@
     body: "import ${1} from './${1}';"
 
   "React: constructor":
-    prefix: "constructor"
+    prefix: "construct"
     body: "constructor(props) {\n\tsuper(props);\n\t${1}\n}"
 
   "React: componentDidMount() { ... }":
@@ -36,6 +36,18 @@
     prefix: "scup"
     body: "shouldComponentUpdate(nextProps, nextState) {\n\t${1}\n}"
 
+  "React: componentDidCatch(e, i) { ... }":
+    prefix: "cdc"
+    body: "componentDidCatch(error, info) {\n\t${1}\n}"
+
+  "React: getDerivedStateFromProps(np, ps) { ... }":
+    prefix: "gdsfp"
+    body: "getDerivedStateFromProps(nextProps, prevState) {\n\t${1}\n}"
+
+  "React: getSnapshotBeforeUpdate(pp, ps) { ... }":
+    prefix: "gsbu"
+    body: "getSnapshotBeforeUpdate(prevProps, prevState) {\n\t${1}\n}"
+
   "React: class skeleton":
     prefix: "rcc"
     body: "import React from \'react\';\n\nclass $1 extends React.Component {\n\trender() {\n\t\treturn (\n\t\t\t$2\n\t\t);\n\t}\n}\n\nexport default ${1};"

diff --git a/snippets.cson b/snippets.cson
@@ -1,5 +1,13 @@
 {
 ".source.js":
+  "React: import component":
+    prefix: "li"
+    body: "import ${1} from './${1}';"
+
+  "React: constructor":
+    prefix: "constructor"
+    body: "constructor(props) {\n\tsuper(props);\n\t${1}\n}"
+
   "React: componentDidMount() { ... }":
     prefix: "cdm"
     body: "componentDidMount() {\n\t${1}\n}"

diff --git a/snippets.cson b/snippets.cson
@@ -52,15 +52,23 @@
     prefix: "props"
     body: "this.props.${1}"
 
+  "React: const { p } this.props":
+    prefix: "cprops"
+    body: "const { $1 } = this.props;"
+
   "React: this.state.":
     prefix: "state"
     body: "this.state.${1}"
 
+  "React: const { s } this.state":
+    prefix: "cstate"
+    body: "const { $1 } = this.state;"
+
   "React: this.state = { ... }":
     prefix: "is"
     body: "this.state = {\n\t${1}: ${2}\n}"
 
   "React: setState({ ... })":
     prefix: "sst"
-    body: "this.setState({\n\t${1}: ${2}\n});"
+    body: "this.setState({ ${1}: ${2} });"
 }
diff --git a/snippets.cson b/snippets.cson
@@ -0,0 +1,66 @@
+{
+".source.js":
+  "React: componentDidMount() { ... }":
+    prefix: "cdm"
+    body: "componentDidMount() {\n\t${1}\n}"
+
+  "React: componentDidUpdate(pp, ps) { ... }":
+    prefix: "cdup"
+    body: "componentDidUpdate(prevProps, prevState) {\n\t${1}\n}"
+
+  "React: componentWillMount() { ... }":
+    prefix: "cwm"
+    body: "componentWillMount() {\n\t${1}\n}"
+
+  "React: componentWillReceiveProps(np) { ... }":
+    prefix: "cwrp"
+    body: "componentWillReceiveProps(nextProps) {\n\t${1}\n}"
+
+  "React: componentWillUnmount() { ... }":
+    prefix: "cwun"
+    body: "componentWillUnmount() {\n\t${1}\n}"
+
+  "React: componentWillUpdate(np, ns) { ... }":
+    prefix: "cwup"
+    body: "componentWillUpdate(nextProps, nextState) {\n\t${1}\n}"
+
+  "React: shouldComponentUpdate(np, ns) { ... }":
+    prefix: "scup"
+    body: "shouldComponentUpdate(nextProps, nextState) {\n\t${1}\n}"
+
+  "React: class skeleton":
+    prefix: "rcc"
+    body: "import React from \'react\';\n\nclass $1 extends React.Component {\n\trender() {\n\t\treturn (\n\t\t\t$2\n\t\t);\n\t}\n}\n\nexport default ${1};"
+
+  "React: stateless component":
+    prefix: "rcs"
+    body: "import React from \'react\';\n\nconst $1 = (${2:props}) => {\n\treturn (\n\t\t$3\n\t);\n}\n\nexport default ${1};\n"
+
+  "React: local stateless component":
+    prefix: "rcsl"
+    body: "const $1 = (${2:props}) => {\n\treturn (\n\t\t$3\n\t);\n}\n"
+
+  "React: local component function":
+    prefix: "rcf"
+    body: "${1:_methodName} ($2) {\n\t$3\n}"
+
+  "React: local component binded function":
+    prefix: "rcbf"
+    body: "${1:_methodName} = ($2) => {\n\t$3\n}"
+
+  "React: this.props.":
+    prefix: "props"
+    body: "this.props.${1}"
+
+  "React: this.state.":
+    prefix: "state"
+    body: "this.state.${1}"
+
+  "React: this.state = { ... }":
+    prefix: "is"
+    body: "this.state = {\n\t${1}: ${2}\n}"
+
+  "React: setState({ ... })":
+    prefix: "sst"
+    body: "this.setState({\n\t${1}: ${2}\n});"
+}
No results found