Steps to add TSLint to create-react-app project using the Typescript compiler plugin

create-react-app-tslint.md

1. yarn add prettier tslint tslint-config-prettier tslint-react typescript-tslint-plugin
2. Add the following to tsconfig.json:

   "plugins": [
     {
       "name": "typescript-tslint-plugin"
     }
   ]

3. Create tslint.json containing the following:

   {
     "extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier"],
     "linterOptions": {
       "exclude": [
         "node_modules/**/*.ts",
       ]
     },
     "rules": {
       // your custom rules here
     }
   }

4. In Visual Studio Code:
   1. Install extensions: TypeScript TSLint Plugin and Prettier - Code formatter.
   2. Enable 'Editor: Format on Save' setting.
   3. Use the Typescript: Select Typescript Version command to select Use Workspace Version.
   4. Restart Visual Studio Code.

Custom TSLint rules that I like to use:

{
  "quotemark": [true, "double"],
  "jsx-no-lambda": false
}