Integrate and configure Eslint, beautify code, update some packages

.eslintrc

@@ -1,21 +1,76 @@
 {
-  "parser": "babel-eslint",
+  "env": {
+    "jest": true,
+    "react-native/react-native": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:import/typescript",
+    "prettier",
+    "prettier/react"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": "2019",
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
   "plugins": [
-      "react", "prettier"
+    "@typescript-eslint",
+    "react",
+    "react-native",
+    "react-hooks",
+    "import",
+    "prettier"
   ],
-  "extends": ["standard", "standard-react", "prettier"],
-  "rules": {
-    'prettier/prettier': [
-      'warn',
-      {
-        singleQuote: true,
-        printWidth: 140,
-        trailingComma: 'all'
+  "settings": {
+    "react": {
+      "version": "detect"
+    },
+    "import/resolver": {
+      "node": {
+        "extensions": [".js", ".jsx", ".ts", ".tsx"]
       }
-    ]
-  },
-  "env":{
-    "es6": true
+    }
   },
-  "globals": { "fetch": false }
-}
+  "rules": {
+    "@typescript-eslint/camelcase": "off",
+    "@typescript-eslint/class-name-casing": "warn",
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/no-use-before-define": "off",
+    "@typescript-eslint/member-delimiter-style": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/ban-ts-ignore": "off",
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/indent": "off",
+    "@typescript-eslint/no-var-requires": "warn",
+    "@typescript-eslint/no-this-alias": "warn",
+    "@typescript-eslint/no-empty-function": "warn",
+    "no-async-promise-executor": "warn",
+    "no-case-declarations": "off",
+    "no-prototype-builtins": "off",
+    "no-empty": ["error", { "allowEmptyCatch": true }],
+    "no-undef": "warn",
+    "no-redeclare": "warn",
+    "no-var": "warn",
+    "require-atomic-updates": "off",
+    "prettier/prettier": "error",
+    "prefer-const": "warn",
+    "react/display-name": "off",
+    "react/prop-types": "warn",
+    "react/no-unescaped-entities": "warn",
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    "react-native/no-color-literals": "warn",
+    "react-native/no-raw-text": "warn",
+    "react-native/no-single-element-style-arrays": "warn",
+    "react-native/no-unused-styles": "warn",
+    "import/newline-after-import": "error",
+    "import/no-duplicates": "error"
+  }
+}