@commonground/eslint-config-js v0.0.10

eslint-config-cra-standard-prettier

Commonground shared eslint config for all our React projects. Designed to be used with create-react-app.

Usage

Due to an eslint config limitation you have to install all dependencies that this config uses manually:

npm install --save-dev --save-exact \
    @commonground/eslint-config-cra-standard-prettier \
    eslint-config-prettier \
    eslint-config-react \
    eslint-config-standard \
    eslint-config-standard-react \
    eslint-plugin-flowtype \
    eslint-plugin-header \
    eslint-plugin-import \
    eslint-plugin-jest \
    eslint-plugin-node \
    eslint-plugin-prettier \
    eslint-plugin-promise \
    eslint-plugin-react \
    eslint-plugin-react-hooks \
    eslint-plugin-standard \
    prettier

Then override the eslintConfig setting in package.json:

"eslintConfig": {
  "extends": "@commonground/eslint-config-cra-standard-prettier"
}

Alternatively, you can remove the eslintConfig entry and create a .eslintrc.js file, with:

module.exports = {
  extends: ['@commonground/eslint-config-cra-standard-prettier']
}

This last method also opens the possibility to extend the rules, but in order to maintain a generic developer experience in all our projects, we recommend against this.

Editor integration

VSCode

Add the following extension:

Then create the following file in the frontend project directory: .vscode/settings.json (it's .gitignored) containing:

{
  "editor.defaultFormatter": "dbaeumer.vscode-eslint",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}

You may define this file at a higher level as well, but then make sure you add this to the settings.json:

{
  "eslint.workingDirectories": [
    "./ui-directory"
  ]
}

How to contribute

See CONTRIBUTING