.prettierrc.json

@@ -0,0 +1,5 @@
+{
+  "trailingComma": "es5",
+  "printWidth": 100,
+  "singleQuote": true
+}

lintstagedrc.json

@@ -0,0 +1,6 @@
+{
+  "linters": {
+    "src/**/*.{js,jsx,scss,json}": ["prettier --write", "git add"],
+    "src/**/*.{js,jsx}": ["eslint --fix", "flow focus-check --color always", "git add"]
+  }
+}

package.json

@@ -103,13 +103,15 @@
     "extract-css-chunks-webpack-plugin": "^3.2.1",
     "file-loader": "^2.0.0",
     "har-validator": "^5.1.3",
-    "husky": "^1.1.3",
+    "husky": "^1.3.1",
+    "lint-staged": "^8.1.0",
     "md5-file": "^4.0.0",
     "mini-css-extract-plugin": "^0.5.0",
     "mocha": "^5.2.0",
-    "ndb": "^1.0.26",
+    "ndb": "^1.0.42",
     "node-sass": "^4.11.0",
     "nodemon": "^1.18.6",
+    "prettier": "1.15.3",
     "react-color": "^2.14.1",
     "react-hot-loader": "^4.6.0",
     "redux-devtools": "^3.4.1",
@@ -128,7 +130,18 @@
   },
   "husky": {
     "hooks": {
-      "pre-commit": "eslint ."
+      "pre-commit": "lint-staged"
-    }
+    }
+  },
+  "lint-staged": {
+    "*.js": [
+      "eslint --fix",
+      "prettier --write",
+      "git add"
+    ],
+    "*.{json,css,md}": [
+      "prettier --write",
+      "git add"
+    ]
   }
 }