Eslint config

Install

npm install --save-dev eslint eslint-config-goldenthumb

Usage

https://eslint.org/docs/developer-guide/shareable-configs

package.json

{
    "eslintConfig": {
        "extends": "goldenthumb"
    }
}

.eslintrc

{
    "extends": "goldenthumb"
}

Subsets

• goldenthumb
• goldenthumb/react
• goldenthumb/typescript
• goldenthumb/typescriptreact

base
"extends": "goldenthumb"

basic + react
"extends": "goldenthumb/react"

basic + typescript
"extends": "goldenthumb/typescript"

basic + typescript + react
"extends": "goldenthumb/typescriptreact"

With prettier

npm install --save-dev eslint-config-prettier eslint-plugin-prettier

.package.json

{
    "eslintConfig": {
        "extends": ["goldenthumb", "plugin:prettier/recommended"]
    }
}

Etc

Automatically Fix Code in VS Code

settings.json

{
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    }
}

Run ESLint with the CLI

.package.json

{
    "scripts": {
        "lint": "eslint '*/**/*.{js,ts,tsx}' --fix"
    }
}