@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 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
]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
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
}