Replaced TSLint with ESLint

.eslintignore

@@ -0,0 +1,9 @@
+.vscode
+
+node_modules
+
+dist
+
+build
+
+coverage

.eslintrc.js

@@ -0,0 +1,21 @@
+module.exports = {
+    parser: '@typescript-eslint/parser',
+    parserOptions: {
+        ecmaVersion: 2020,
+        sourceType: 'module',
+    },
+    extends: [
+        'plugin:react/recommended',
+        'plugin:@typescript-eslint/recommended',
+        'prettier/@typescript-eslint',
+        'plugin:prettier/recommended',
+    ],
+    env: {
+        commonjs: true,
+        es6: true,
+        node: true,
+    },
+    rules: {
+        // New rules can be inserted here to override some default configurations
+    },
+};

.gitignore

@@ -41,6 +41,10 @@ build/Release
 node_modules/
 jspm_packages/
 
+# Lets restrict to one lock file (Yarn)
+package-lock.json
+
+
 # TypeScript v1 declaration files
 typings/
 

.prettierrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+    endOfLine: "lf",
+    printWidth: 120,
+    semi: true,
+    singleQuote: true,
+    tabWidth: 4,
+    trailingComma: "all"
+}

.vscode/settings.json

@@ -1,3 +1,11 @@
 {
-    "editor.formatOnSave": true
+    "editor.codeActionsOnSave": {
+        "source.fixAll.eslint": true,
+    },
+    "eslint.validate": [
+        "javascript",
+        "javascriptreact",
+        "typescript",
+        "typescriptreact",
+    ],
 }

README.md

@@ -20,7 +20,7 @@ You will also see any lint errors in the console.
 
 ### `yarn lint`
 
-Runs TSLint to ensure that your code is conforming to standards.
+Runs ESLint to ensure that your code is conforming to standards.
 
 ### `yarn test`
 

package.json

@@ -38,9 +38,10 @@
         ]
     },
     "devDependencies": {
-        "prettier": "^2.1.2",
-        "tslint": "^6.1.3",
-        "tslint-config-prettier": "^1.18.0",
-        "tslint-plugin-prettier": "^2.3.0"
+        "@typescript-eslint/eslint-plugin": "^4.5.0",
+        "@typescript-eslint/parser": "^4.5.0",
+        "eslint-config-prettier": "^6.13.0",
+        "eslint-plugin-prettier": "^3.1.4",
+        "prettier": "^2.1.2"
     }
 }

src/App.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
 import './App.css';
 
-function App() {
+const App: React.FunctionComponent = () => {
     return (
         <div className="App">
             <h1>Club Manager</h1>
             {/* TODO: implement React Router and link it to new views*/}
         </div>
     );
-}
+};
 
 export default App;

src/index.tsx

@@ -7,5 +7,5 @@ ReactDOM.render(
     <React.StrictMode>
         <App />
     </React.StrictMode>,
-    document.getElementById('root')
+    document.getElementById('root'),
 );