eslint-config-sbkonzept

This package provides our .eslintrc as an extensible shared config.

Quick Start

1. Run

yarn add -D sb-konzept/eslint-config-sbkonzept
cat node_modules/eslint-config-sbkonzept/package.json | jq -M .peerDependencies | command sed 's/[\{\},]//g ; s/: /@/g' | xargs yarn add -D  prettier-eslint-cli lint-staged husky

2. Add to the package.json

{
  "scripts": {
    "precommit": "lint-staged",
    "lint:eslint": "eslint",
    "format:prettier": "prettier-eslint --write",
    "format:src": "yarn format:prettier 'src/**/*.js'"
  },
  "eslintConfig": {
    "extends": "sbkonzept"
  },
  "lint-staged": {
    "*.js": [
      "yarn format:prettier",
      "yarn lint:eslint",
      "git add"
    ],
    "*.json": [
      "yarn format:prettier",
      "git add"
    ]
  }
}

Usage

We export three ESLint configurations for your usage.

eslint-config-sbkonzept

Our default export contains all of our ESLint rules, including ECMAScript 6+ and React. It requires eslint, eslint-plugin-import, eslint-plugin-react, eslint-plugin-jsx-a11y and babel-eslint.

If you use yarn, run cat node_modules/eslint-config-sbkonzept/package.json | jq .peerDependencies to list the peer dependencies and versions, then run yarn add --dev <dependency>@<version> for each listed peer dependency.

1. Install the correct versions of each package, which are listed by the command:

cat node_modules/eslint-config-sbkonzept/package.json | jq .peerDependencies

Linux/OSX users can run

yarn add -D sb-konzept/eslint-config-sbkonzept
cat node_modules/eslint-config-sbkonzept/package.json | jq -M .peerDependencies | command sed 's/[\{\},]//g ; s/: /@/g' | xargs yarn add -D

Which produces and runs a command like:

yarn add --dev eslint-config-airbnb eslint@^#.#.# eslint-plugin-jsx-a11y@^#.#.# eslint-plugin-import@^#.#.# eslint-plugin-react@^#.#.# babel-eslint@^#.#.#

2. Add "extends": "sbkonzept" to your package.json under the key eslintConfig

{
  "eslintConfig": {
    "extends": "sbkonzept"
  }
}

3. Install prettier-eslint-cli

yarn add --dev prettier-eslint-cli

4. Add additional scripts to your package.json

{
  "scripts": {
    "lint": "eslint src",
    "prettify": "prettier-eslint src/**/*.js --write"
  }
}

Git-Hooks

1. Install husky and lint-staged

yarn add -D lint-staged husky

2. Add lint-staged config to the package.json

{
  "lint-staged": {
    "*.js": [
      "yarn prettify",
      "yarn lint",
      "git add"
    ]
  }
}

3. Add a precommit script to the package.json

{
  "scripts": {
    "precommit": "lint-staged"
  }
}