ESLint configuration

• About
• Installation
  • Using npm
  • Using yarn
• Usage
• Use cases
• License

This package includes 4 ESLint shareable configs:

1. Base: Configures general rules and the ones that come in the import and prettier eslint plugins
2. TypeScript: Configures typescript parser and typescript eslint plugin (This config requires in addition of extending from it to configure parserOptions.project in the eslint configuration file).
3. React: Configures react related rules (react and react-hooks eslint plugins)
4. Next: Configures next.js related rules (next eslint config)

$ npm install --save-dev lzinik/eslint-config

$ yarn add --dev lzinik/eslint-config

1. Create a project eslint configuration file (.eslintrc.js)
2. Depending on the use case, extend from the corresponding config(s)

• Pure JS project: extend from Base

module.exports = {
  extends: ["lzinik/eslint-config/base"]
};

• Pure TS project: extend from TypeScript and configure parserOptions.project value

module.exports = {
  "parserOptions": {
    "project": "./tsconfig.json"
  },
  extends: ["lzinik/eslint-config/typescript"]
};

• React JS project: extend from Base and React

module.exports = {
  extends: ["lzinik/eslint-config/base", "lzinik/eslint-config/react"]
};

• React TS project: extend from Typescript, React and configure parserOptions.project value and

module.exports = {
  "parserOptions": {
    "project": "./tsconfig.json"
  },
  extends: ["lzinik/eslint-config/typescript", "lzinik/eslint-config/react"]
};

• Next JS project: extend from Base and Next

module.exports = {
  extends: ["lzinik/eslint-config/base", "lzinik/eslint-config/next"]
};

• Next TS project: extend from TypeScript, Next and configure parserOptions.project value

module.exports = {
  "parserOptions": {
    "project": "./tsconfig.json"
  },
  extends: ["lzinik/eslint-config/typescript", "lzinik/eslint-config/next"]
};