@waldronmatt/eslint-config v1.5.16

Eslint Config

My personal shareable eslint configuration.

Install

yarn add -D eslint @waldronmatt/eslint-config

Usage

.eslintrc.js

JS

module.exports = {
  extends: '@waldronmatt/eslint-config',
};

TS

module.exports = {
  extends: '@waldronmatt/eslint-config/ts',
};

Jest

module.exports = {
  extends: '@waldronmatt/eslint-config/jest',
};

Extending

An example configuring a mixed JS/TS, tsconfig-compatible configuration.

.eslintrc.js

module.exports = {
  // ignore linting in dist bundle output folder
  ignorePatterns: ['dist/**'],
  // enable global variables
  env: {
    browser: true,
    node: true,
    jest: true,
  }
  overrides: [
    {
      files: ['**/*.ts'],
      extends: [
        '@waldronmatt/eslint-config/ts',
        // add jest linting
        '@waldronmatt/eslint-config/jest',
      ],
      parserOptions: {
        project: 'tsconfig.json',
        tsconfigRootDir: __dirname,
      },
    },
    {
      files: ['**/*.js'],
      extends: [
        '@waldronmatt/eslint-config',
        // add jest linting
        '@waldronmatt/eslint-config/jest',
      ],
    },
  ],
};

Add an NPM Script

Running this command:

npm set-script lint:js "eslint --fix **/*.{js,jsx,ts,tsx}"

Will create:

package.json

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

Add a Pre-commit Hook

lint-staged.config.js

module.exports = {
  '*.{js,jsx,ts,tsx}': ['prettier --cache --write', 'eslint --cache --fix'],
};

Under The Hood

index.js

• Plugins
  • eslint-plugin-prettier
• Parser
  • default eslint parser
• Extends
  • eslint-plugin-unicorn
  • eslint-plugin-promise
  • eslint-plugin-sonarjs
  • eslint-plugin-security,
  • default eslint ruleset
  • eslint-config-airbnb-base
  • eslint-config-prettier
• Rules
  • Prettier Special Rules
  • Other rules can be found in the config

ts.js

• Plugins
  • @typescript-eslint/eslint-plugin
  • eslint-plugin-prettier
• Parser
  • @typescript-eslint/parser
• Extends
  • eslint-plugin-unicorn
  • eslint-plugin-promise
  • eslint-plugin-sonarjs
  • eslint-plugin-security,
  • @typescript-eslint/eslint-plugin
  • eslint-config-airbnb-typescript
  • eslint-config-prettier
• Rules
  • Prettier Special Rules
  • Other rules can be found in the config

jest.js

• Plugins
  • jest
  • jest-dom
  • jest-formatting
• Extends
  • plugin:jest/recommended
  • plugin:jest-dom/recommended
  • plugin:jest-formatting/recommended

License

MIT