Dumb components default to block body style

AuxStudio · May 11, 2018 · 509b616 · 509b616
1 parent b9587e2
commit 509b616
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -21,7 +21,8 @@
         "object": true
       }
     ],
-    "react/require-default-props": "off"
+    "react/require-default-props": "off",
+    "arrow-body-style": 0 // don't enforce arrow-body-style, block body (() => { ... }) and single expression (() => ...) depends on use case
   },
   "plugins": ["react", "react-native"],
   "globals": {

diff --git a/components/Example/Example.js b/components/Example/Example.js
@@ -12,11 +12,13 @@ const defaultProps = {
   title: 'Title Text',
 };
 
-const Example = ({ title }) => (
-  <View style={styles.container}>
-    <Text style={styles.titleText}>{title}</Text>
-  </View>
-);
+const Example = ({ title }) => {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.titleText}>{title}</Text>
+    </View>
+  );
+};
 
 Example.propTypes = propTypes;
 Example.defaultProps = defaultProps;

diff --git a/snippets.json b/snippets.json
@@ -31,11 +31,13 @@
       "$2",
       "const defaultProps ={};",
       "$2",
-      "const $1 = ({ someProp }) => (",
+      "const $1 = ({ someProp }) => {",
+      "return (",
       "<View style={styles.container}>",
       "  <View />",
       "</View>",
       ");",
+      "}",
       "$2",
       "$1.propTypes = propTypes;",
       "$1.defaultProps = defaultProps;",