Add and configure prettier with pre-commit hook

Author: luizbaldi

.eslintrc.js

@@ -1,20 +1,25 @@
 module.exports = {
-  extends: "airbnb",
-  parser: "babel-eslint",
+  extends: ['airbnb', 'prettier'],
+  parser: 'babel-eslint',
+  plugins: ['prettier'],
   env: {
     browser: true,
     es6: true,
     jest: true
   },
   rules: {
-    "import/no-extraneous-dependencies": ["error", { devDependencies: true }],
-    "react/jsx-filename-extension": [1, { extensions: [".js", ".jsx"] }],
-    "jsx-a11y/label-has-associated-control": [ "error", {
-      "required": {
-        "some": [ "nesting", "id"  ]
+    'import/no-extraneous-dependencies': ['error', { devDependencies: true }],
+    'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx'] }],
+    'jsx-a11y/label-has-associated-control': [
+      'error',
+      {
+        required: {
+          some: ['nesting', 'id']
+        }
       }
-    }],
-    "jsx-a11y/label-has-associated-control": ["error", { assert: "either" } ],
-    "jsx-a11y/label-has-for": 'off'
+    ],
+    'jsx-a11y/label-has-associated-control': ['error', { assert: 'either' }],
+    'jsx-a11y/label-has-for': 'off',
+    'prettier/prettier': 'error'
   }
-}
+};

.prettierrc

@@ -0,0 +1,17 @@
+{
+  "arrowParens": "avoid",
+  "bracketSpacing": true,
+  "htmlWhitespaceSensitivity": "css",
+  "insertPragma": false,
+  "jsxBracketSameLine": false,
+  "jsxSingleQuote": true,
+  "printWidth": 80,
+  "proseWrap": "preserve",
+  "quoteProps": "as-needed",
+  "requirePragma": false,
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "none",
+  "useTabs": false
+}

package-lock.json

@@ -62,13 +62,16 @@
     "cross-env": "^5.2.0",
     "eslint": "^5.16.0",
     "eslint-config-airbnb": "^17.1.1",
+    "eslint-config-prettier": "^6.0.0",
     "eslint-plugin-import": "^2.18.2",
     "eslint-plugin-jsx-a11y": "^6.2.3",
+    "eslint-plugin-prettier": "^3.1.0",
     "eslint-plugin-react": "^7.14.3",
     "husky": "^3.0.1",
     "jest": "^24.8.0",
     "jest-styled-components": "^6.3.3",
     "lint-staged": "^9.2.1",
+    "prettier": "1.18.2",
     "prop-types": "^15.7.2",
     "react": "^16.8.2",
     "react-dom": "^16.8.2",
@@ -90,6 +93,7 @@
   "lint-staged": {
     "*.js": [
       "eslint --fix",
+      "prettier --write",
       "git add"
     ]
   }