Fix eslint config, prettier config, vs code config

Author: umakantp

.eslintrc.js

@@ -1,30 +1,20 @@
 module.exports = {
-    extends: [
-        "eslint:recommended",
-        "plugin:react/recommended",
-        "prettier",
-    ],
-    plugins: [
-        "react",
-        "prettier",
-    ],
+    extends: ['eslint:recommended', 'plugin:react/recommended', 'prettier'],
+    plugins: ['react', 'prettier'],
     rules: {
-        "prettier/prettier": ["error", {
-            "singleQuote": true,
-            "trailingComma": "es5",
-            "bracketSpacing": true,
-            "jsxBracketSameLine": true,
-            "printWidth": 100,
-            "parser": "babylon",
-        }],
-        "no-debugger": 0,
-        "no-console": 0,
+        'prettier/prettier': ['error', {}],
+        'no-debugger': 0,
+        'no-console': 0,
+        semi: 2,
+    },
+    parser: '@babel/eslint-parser',
+    parserOptions: {
+        ecmaVersion: 'latest',
     },
-    parser: "@babel/eslint-parser",
     env: {
-        "es6": true,
-        "node": true,
-        "browser": true,
-        "jest": true,
-      },
-};
+        es6: true,
+        node: true,
+        browser: true,
+        jest: true,
+    },
+};

.prettierrc

@@ -1,11 +1,13 @@
 {
+    "parser": "babel",
     "printWidth": 110,
     "tabWidth": 2,
     "useTabs": false,
     "semi": true,
     "singleQuote": true,
-    "trailingComma": "none",
+    "trailingComma": "es5",
     "bracketSpacing": true,
     "jsxBracketSameLine": false,
-    "fluid": false
-  }
+    "fluid": false,
+    "arrowParens": "avoid"
+}

.vscode/extensions.json

@@ -0,0 +1,5 @@
+{
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+  ]
+}

.vscode/settings.json

@@ -1,7 +1,16 @@
 {
   "eslint.enable": true,
+  "eslint.format.enable": true,
   "editor.tabSize": 2,
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
+  "editor.formatOnSaveMode": "modifications",
+  "editor.formatOnSave": true,
+  "editor.formatOnPaste": true,
+  "editor.codeActionsOnSave": [
+    "source.organizeImports",
+    "source.fixAll.eslint",
+  ],
+  "search.exclude": {
+    "**/node_modules": true,
+    "**/.vscode": true,
   }
 }