Added react-typescript config (#67)

Author: kam4atka

README.md

@@ -52,6 +52,25 @@ For validating **React** project use `react` version (`htmlacademy/react` includ
 }
 ```
 
-Caution! `htmlacademy/react` doesn't include `react-hooks/rules-of-hooks` and `react-hooks/exhaustive-deps` because in our courses we use CRA (Create React App) which includes these plugins out of box. Install them yourself if necessary.
+For validating **React** project with TypeScript use `react-typescript` version (`htmlacademy/react-typescript` includes `react/recommended` and `@typescript-eslint/recommended`):
+
+```json
+{
+  "parserOptions": {
+    "ecmaVersion": 2018,
+    "sourceType": "module"
+  },
+  "env": {
+    "es2017": true,
+    "browser": true
+  },
+  "extends": "htmlacademy/react-typescript",
+  "rules": {
+    // Additional rules...
+  }
+}
+```
+
+Caution! `htmlacademy/react` and `htmlacademy/react-typescript` doesn't include `react-hooks/rules-of-hooks` and `react-hooks/exhaustive-deps` because in our courses we use CRA (Create React App) which includes these plugins out of box. Install them yourself if necessary.
 
 **Node.js** versions soon.

index.js

@@ -6,5 +6,6 @@ module.exports = {
         'htmlacademy/node',
         'htmlacademy/vanilla',
         'htmlacademy/react',
+        'htmlacademy/react-typescript',
     ]
 };

package.json

@@ -9,6 +9,7 @@
     "node.js",
     "vanilla.js",
     "react.js",
+    "react-typescript.js",
     "index.js"
   ],
   "keywords": [

react-typescript.js

@@ -0,0 +1,14 @@
+module.exports = {
+  extends: [
+    'htmlacademy/react',    
+    'plugin:@typescript-eslint/recommended'
+  ],
+  rules: {
+    'no-use-before-define': 'off',
+    '@typescript-eslint/no-use-before-define': ['error'],
+    'no-shadow': 'off',
+    '@typescript-eslint/no-shadow': 'error',
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": ["error"]
+  }
+}