add eslint prettier husky

Author: Alexey Ivanov

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+yarn run tsc --noEmit && yarn run lint-staged

.prettierrc

@@ -0,0 +1,10 @@
+{
+  "printWidth": 80,
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "useTabs": false,
+  "arrowParens": "avoid",
+  "jsxBracketSameLine": false,
+  "trailingComma": "all"
+}

package.json

@@ -2,9 +2,11 @@
   "name": "my-app",
   "version": "0.0.1",
   "license": "MIT",
-  "scripts": {
-    "start": "webpack serve --config webpack.dev.config.ts",
-    "build": "webpack --config webpack.prod.config.ts"
+  "lint-staged": {
+    "src/**/*.{ts,tsx}": [
+      "prettier --write",
+      "eslint"
+    ]
   },
   "dependencies": {
     "react": "^17.0.1",
@@ -26,16 +28,31 @@
     "@typescript-eslint/parser": "^4.11.1",
     "babel-loader": "^8.2.2",
     "clean-webpack-plugin": "^4.0.0-alpha.0",
-    "eslint": "^7.17.0",
-    "eslint-plugin-react": "^7.22.0",
+    "eslint": "^7.28.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-react": "^7.24.0",
     "eslint-plugin-react-hooks": "^4.2.0",
+    "eslint-plugin-sonarjs": "^0.8.0-125",
     "eslint-webpack-plugin": "^2.4.1",
     "fork-ts-checker-webpack-plugin": "^6.0.8",
     "html-webpack-plugin": "^5.3.1",
+    "husky": "^6.0.0",
+    "lint-staged": "^11.0.0",
+    "prettier": "^2.3.1",
     "ts-node": "^10.0.0",
     "typescript": "^4.1.3",
     "webpack": "^5.11.1",
     "webpack-cli": "^4.3.1",
     "webpack-dev-server": "^3.11.1"
+  },
+  "scripts": {
+    "start": "webpack serve --config webpack.dev.config.ts",
+    "build": "webpack --config webpack.prod.config.ts",
+    "lint": "eslint \"src/**/*.{ts,tsx}\"",
+    "lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix",
+    "pretify": "prettier --write \"src/**/*.{ts,tsx}\"",
+    "check": "tsc",
+    "prepare": "husky install"
   }
 }