@wezom/eslint-config-react

ESLint shareable config for React

Usage no npm install needed!

<script type="module">
  import wezomEslintConfigReact from 'https://cdn.skypack.dev/@wezom/eslint-config-react';
</script>

README

@wezom/eslint-config-react

ESLint shareable config for React based on the @wezom/eslint-config

Rules

See full list of extends with code examples

Usage

We strongly recommend using this config with Prettier together.
See description.

Install

npm i -D eslint babel-eslint @wezom/eslint-config-react eslint-config-prettier

Setup linter
.eslintrc.json (parser babel-eslint is optional, you can use whatever you want)

{
    "extends": ["@wezom/eslint-config-react", "prettier"],
    "parser": "babel-eslint"
}

Add npm scripts
package.json

{
    "scripts": {
        "test": "npm run prettier && npm run eslint",
        "eslint": "eslint src/**/*.{js,jsx}",
        "eslint:autofix": "npm run eslint -- --fix",
        "prettier": "prettier src/ --check",
        "prettier:autofix": "npm run prettier -- --write"
    }
}

Test your files

npm run test