@vadistic/eslint-config NPM

@vadisitc/eslint-config-base

Personal typescript eslint configs for node & react

all-in-one
grouped into nice presets
easy to maintain

Installation

yarn add -D eslint

yarn add -D @vadistic/eslint-config

Base

@vadistic/eslint-config or @vadistic/eslint-config/base

Includes:

/es2020 (project settings)
/style (basic eslint rules)
/typescript (basic typescript rules)
/import (plugin import)
/jest (plugin jest)
/comments (plugin eslint-comments)

Alternatively I can just import /es2020 or build config from scratch

All Presets

Presets are grouped configuration of plugins + recommended + my costom overrides

Basic:

@vadistic/eslint-config/es2020 => configure parser for es2020
@vadistic/eslint-config/base => basic default preset
@vadistic/eslint-config/recommended => same as base but only recommended rules

Guidelines:

@vadistic/eslint-config/style => eslint code style rules
@vadistic/eslint-config/typescript => @typescript-eslint code style rules

Formating:

@vadistic/eslint-config/prettier => enable eslint-plugin-prettier & eslint-config-prettier
@vadistic/eslint-config/format => enable formatting rules (kinda prettier alternative)

Typechecking:

@vadistic/eslint-config/typecheck => enable @typescript-eslint typechecking rules
@vadistic/eslint-config/typecheck-off=> disable all @typescript-eslint typechecking rules

Plugins:

@vadistic/eslint-config/jsx-a11y => enable eslint-plugin-jsx-a11y
@vadistic/eslint-config/jsx-a11y-off=> disable all eslint-plugin-jsx-a11y (eg. for airbnb config)
@vadistic/eslint-config/import => enable eslint-plugin-import
@vadistic/eslint-config/jest => enable eslint-plugin-jest
@vadistic/eslint-config/react => enable eslint-plugin-react & eslint-plugin-react-hooks
@vadistic/eslint-config/preact => tweak react config for preact compatibility

Example

Default

// .eslintrc
{
  "extends": ["@vadistic/eslint-config"]
}

With typechecking rules & prettier

// .eslintrc
{
  "extends": [
    "@vadistic/eslint-config",
    "@vadistic/eslint-config/typecheck",
    "@vadistic/eslint-config/prettier"
  ],

  "parserOptions": {
    "project": "./tsconfig.json"
  }
}