eslint-config-ts-react v0.2.18

Eslint Config TS React

Eslint configuration for linting a React Typescript app using the popular AirBnB stylguide and Prettier for formatting

Getting Started

npm install --save-dev eslint-config-ts-react

eslintrc.json

{
  "extends": ["ts-react"]
}

Peer Dependencies

npm install --save-dev eslint eslint-config-airbnb eslint-plugin-react eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-jest @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint-plugin-prettier prettier

Note that peer dependencies ought to be installed manually as per NPM

Create React App Setup

.env

PREFLIGHT_CHECK=SKIP

*Optionally remove the following from your package.json

-  "esintConfig": {
-    "extends": "react-app"
-  }

VSCode Integration

Extensions

• Eslint
• Prettier

Settings

Locally

.vscode/settings.json

  "eslint.validate": [
    "javascript",
    "javascriptreact",
+   "typescript",
+   "typescriptreact"
  ],

Globally

settings.json ( ctrl+, )

  "eslint.validate": [
    "javascript",
    "javascriptreact",
+   "typescript",
+   "typescriptreact"
  ],