@stinkstudios/eslint-config-react-app
Supports linting of Javascript .js / React JavaScript .jsx / TypeScript .ts / TypeScript React .tsx
Extends
eslint:recommendedplugin:import/errorsplugin:import/warningsplugin:react/recommendedplugin:jest/recommendedplugin:jest/styleplugin:jsx-a11y/recommendedplugin:unicorn/recommendedplugin:compat/recommendedprettierprettier/reactplugin:@typescript-eslint/recommendedprettier/@typescript-eslint
Plugins
eslint-plugin-compateslint-plugin-importeslint-plugin-jsx-a11yeslint-plugin-reacteslint-plugin-jesteslint-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 -DUsage
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
}