my first commit

Author: rongzhang

.eslintignore

@@ -53,3 +53,13 @@ package.json
 *.css.d.ts
 *.sass.d.ts
 *.scss.d.ts
+
+.github
+.vscode
+configs
+internals
+test
+
+azure-pipelines.yml
+report.*.html
+stats.*.json

.eslintrc.js

@@ -1,16 +1,23 @@
 module.exports = {
-  extends: 'erb/typescript',
+  extends: [
+    'erb/typescript',
+    'plugin:@typescript-eslint/recommended-requiring-type-checking',
+  ],
   rules: {
     // A temporary hack related to IDE not resolving correct package.json
-    'import/no-extraneous-dependencies': 'off'
+    'import/no-extraneous-dependencies': 'off',
   },
   settings: {
     'import/resolver': {
       // See https://github.com/benmosher/eslint-plugin-import/issues/1396#issuecomment-575727774 for line below
       node: {},
       webpack: {
-        config: require.resolve('./configs/webpack.config.eslint.js')
-      }
-    }
-  }
+        config: require.resolve('./configs/webpack.config.eslint.js'),
+      },
+    },
+  },
+  parserOptions: {
+    tsConfigRootDir: __dirname,
+    project: ['./tsconfig.json'],
+  },
 };

.gitignore

@@ -48,3 +48,7 @@ npm-debug.log.*
 *.css.d.ts
 *.sass.d.ts
 *.scss.d.ts
+
+report.*.html
+stats.*.json
+e2e.json

app/actions/counter.ts

@@ -5,13 +5,13 @@ export const DECREMENT_COUNTER = 'DECREMENT_COUNTER';
 
 export function increment() {
   return {
-    type: INCREMENT_COUNTER
+    type: INCREMENT_COUNTER,
   };
 }
 
 export function decrement() {
   return {
-    type: DECREMENT_COUNTER
+    type: DECREMENT_COUNTER,
   };
 }
 

app/app.html

@@ -40,7 +40,7 @@
         if (scripts.length) {
           document.write(
             scripts
-              .map(script => `<script defer src="${script}"><\/script>`)
+              .map((script) => `<script defer src="${script}"><\/script>`)
               .join('')
           );
         }

app/components/Counter.tsx

@@ -17,7 +17,7 @@ export default function Counter(props: Props) {
     incrementIfOdd,
     incrementAsync,
     decrement,
-    counter
+    counter,
   } = props;
 
   return (

app/containers/CounterPage.tsx

@@ -5,13 +5,13 @@ import {
   increment,
   decrement,
   incrementIfOdd,
-  incrementAsync
+  incrementAsync,
 } from '../actions/counter';
 import { counterStateType } from '../reducers/types';
 
 function mapStateToProps(state: counterStateType) {
   return {
-    counter: state.counter
+    counter: state.counter,
   };
 }
 
@@ -21,7 +21,7 @@ function mapDispatchToProps(dispatch: Dispatch) {
       increment,
       decrement,
       incrementIfOdd,
-      incrementAsync
+      incrementAsync,
     },
     dispatch
   );

app/main.dev.ts

@@ -42,7 +42,7 @@ const installExtensions = async () => {
   const extensions = ['REACT_DEVELOPER_TOOLS', 'REDUX_DEVTOOLS'];
 
   return Promise.all(
-    extensions.map(name => installer.default(installer[name], forceDownload))
+    extensions.map((name) => installer.default(installer[name], forceDownload))
   ).catch(console.log);
 };
 
@@ -61,11 +61,11 @@ const createWindow = async () => {
     webPreferences:
       process.env.NODE_ENV === 'development' || process.env.E2E_BUILD === 'true'
         ? {
-            nodeIntegration: true
+            nodeIntegration: true,
           }
         : {
-            preload: path.join(__dirname, 'dist/renderer.prod.js')
-          }
+            preload: path.join(__dirname, 'dist/renderer.prod.js'),
+          },
   });
 
   mainWindow.loadURL(`file://${__dirname}/app.html`);
@@ -108,7 +108,9 @@ app.on('window-all-closed', () => {
   }
 });
 
-app.on('ready', createWindow);
+app.on('ready', () => {
+  createWindow();
+});
 
 app.on('activate', () => {
   // On macOS it's common to re-create a window in the app when the