Change linter from TSLint to ESlint

microsoft/TypeScript#29288 (comment)
According to the official TypeScript roadmap from Microsoft, the
team is focusing on ESLint over TSLint due to better performance.
I also added the `singleQuote` and `trailingComma` rules to the
Prettier configuration, mainly due to personal preference.

Author: colinthornton

.eslintrc.js

@@ -0,0 +1,32 @@
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  extends: [
+    'plugin:react/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'prettier/@typescript-eslint',
+    'plugin:prettier/recommended', // This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
+  ],
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  rules: {
+    // e.g. "@typescript-eslint/explicit-function-return-type": "off",
+  },
+  overrides: [
+    {
+      files: ['webpack.config.js'],
+      rules: {
+        '@typescript-eslint/no-var-requires': 'off',
+      },
+    },
+  ],
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+};

.prettierrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  singleQuote: true,
+  trailingComma: 'all',
+};

README.md

@@ -5,4 +5,6 @@ Boilerplate starter for a React project using TypeScript, an amalgamation of the
 - https://webpack.js.org/guides/getting-started/
 - https://www.typescriptlang.org/docs/handbook/react-&-webpack.html
 
-Includes recommended TSLint configuration and Prettier for formatting.
+Includes recommended ESLint configuration and Prettier for formatting, mostly based on the following article:
+
+- https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project

docker-compose.yml

@@ -1,4 +1,4 @@
-version: "3"
+version: '3'
 services:
   web:
     build: .