Skip to content

ESLint Sharable Config using typescript and prettier with functional programming style

License

Notifications You must be signed in to change notification settings

dividab/eslint-config-divid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

eslint-config-divid

npm version build MIT license

This package contains rules to enforce the programming style we use at Divid but should be useful to anyone using typescript and prettier with functional programming style.

Features

Rules are configured for use with:

  • Prettier for code formatting
  • Typescript
  • Functional programing style

Usage

Install the package and it's peer dependencies:

yarn add --dev eslint-config-divid eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-functional eslint-plugin-import confusing-browser-globals

Add a file called .eslintrc.js to your project's root with the following content:

module.exports = {
  extends: "divid",
  parserOptions: {
    project: "./tsconfig.json",
  },
};

Add the following to the scripts section of your project's package.json:

"lint": "eslint './src/**/*.ts{,x}' --ext .js,.ts,.tsx -f visualstudio"

vscode config

In order for the vscode eslint plugin to work for typescript this is needed in the .vscode/settings.json file:

{
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    { "language": "typescript", "autoFix": true },
    { "language": "typescriptreact", "autoFix": true }
  ]
}

You can set the vscode eslint plugin as recommended by adding a file .vscode/extensions.json with this content:

{
  "recommendations": ["dbaeumer.vscode-eslint"]
}

Overriding rules

If you want to override a rule, just put it in .eslintrc.js like this:

module.exports = {
  extends: "divid",
  parserOptions: {
    project: "./tsconfig.json",
  },
  rules: {
    "@typescript-eslint/array-type": ["error", { default: "array" }],
  },
};

Prettier and typescript

Any rules that conflicts or are uncessary becuase of prettier and typescript has been turned off according to prettier source and typescript source). The affected rules are commented to indicate they are turened of becuase of prettier or typescript.

How to publish

yarn version --patch
yarn version --minor
yarn version --major

About

ESLint Sharable Config using typescript and prettier with functional programming style

Resources

License

Stars

Watchers

Forks

Packages

No packages published