My Javascript with React ESLint Configuration

My most commonly used ESLint configuration for Javascript with React.

Usage

npm i -DE @ivangabriele/eslint-config-react \
  @ivangabriele/prettier-config \
  eslint \
  eslint-config-airbnb \
  eslint-config-prettier \
  eslint-plugin-import \
  eslint-plugin-jest \
  eslint-plugin-jsx-a11y \
  eslint-plugin-no-null \
  eslint-plugin-prettier \
  eslint-plugin-react \
  eslint-plugin-react-hooks \
  eslint-plugin-sort-destructure-keys \
  eslint-plugin-sort-keys-fix \
  prettier

or:

yarn add -DE @ivangabriele/eslint-config-react \
  @ivangabriele/prettier-config \
  eslint \
  eslint-config-airbnb \
  eslint-config-prettier \
  eslint-plugin-import \
  eslint-plugin-jest \
  eslint-plugin-jsx-a11y \
  eslint-plugin-no-null \
  eslint-plugin-prettier \
  eslint-plugin-react \
  eslint-plugin-react-hooks \
  eslint-plugin-sort-destructure-keys \
  eslint-plugin-sort-keys-fix \
  prettier

Then extend it in your .eslintrc:

{
  "extends": "@ivangabriele/eslint-config-react"
}

And add this line to your package.json:

{
  // ...
  "prettier": "@ivangabriele/prettier-config"
}

With Yarn Plug'n'Play

Visual Studio Code

yarn dlx @yarnpkg/sdks vscode

Contribution

This is a monorepository, please check the root readme.