@stinkstudios/eslint-config-react-app
v1.7.0
Published
ESLint configuration used by Stink Studios fork of Create React App
Readme
@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 [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 -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-eslintSettings
{
"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
}