@stinkstudios/eslint-config-react-app NPM

@stinkstudios/eslint-config-react-app

Supports linting of Javascript .js / React JavaScript .jsx / TypeScript .ts / TypeScript React .tsx

Extends

Plugins

Installation

$ yarn add @stinkstudios/eslint-config-react-app babel-eslint@10.x eslint@5.x eslint-config-prettier@4.x eslint-plugin-compat@3.x eslint-plugin-import@2.x eslint-plugin-jest@22.x eslint-plugin-jsx-a11y@6.x eslint-plugin-react@7.x eslint-plugin-unicorn@8.x @typescript-eslint/eslint-plugin@1.x @typescript-eslint/parser@1.x -E -D

Usage

If you've installed @stinkstudios/eslint-config-react-app locally within your project, just set your eslint(https://eslint.org/docs/user-guide/configuring#configuring-eslint) to:

{
  "extends": "@stinkstudios/eslint-config-react-app"
}

Visual Studio Code Setup

To have Visual Studio Code format and autofix your .js files use the below extensions and settings.

Extensions

ext install esbenp.prettier-vscode dbaeumer.vscode-eslint

Settings

{
  "eslint.enable": true,
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    { "language": "typescript", "autoFix": true },
    { "language": "typescriptreact", "autoFix": true }
  ],

  "editor.formatOnSave": false,
  "[javascript]": {
    "editor.formatOnSave": true
  },
  "[javascriptreact]": {
    "editor.formatOnSave": true
  },
  "[typescript]": {
    "editor.formatOnSave": true
  },
  "[typescriptreact]": {
    "editor.formatOnSave": true
  },
  "prettier.eslintIntegration": true
}