@stinkstudios/eslint-config-react-app

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

Extends

• eslint:recommended
• plugin:import/errors
• plugin:import/warnings
• plugin:react/recommended
• plugin:jest/recommended
• plugin:jest/style
• plugin:jsx-a11y/recommended
• plugin:unicorn/recommended
• plugin:compat/recommended
• prettier
• prettier/react
• plugin:@typescript-eslint/recommended
• prettier/@typescript-eslint

Plugins

• eslint-plugin-compat
• eslint-plugin-import
• eslint-plugin-jsx-a11y
• eslint-plugin-react
• eslint-plugin-jest
• eslint-plugin-unicorn
• @typescript-eslint/eslint-plugin

Installation

$ yarn add @stinkstudios/eslint-config-react-app [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] @typescript-eslint/[email protected] @typescript-eslint/[email protected] -E -D

Usage

If you've installed @stinkstudios/eslint-config-react-app locally within your project, just set your [eslint]config 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

• eslint
• prettier

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
}

Changelog

License