@entire.se/eslint-react

Extendable ESLint configuration.

Installation

yarn add @entire.se/eslint-config-eslint-react -D

Peer dependencies

{
  "@calm/eslint-plugin-react-intl": "^1.4.1",
  "@entire.se/prettier": "^3.0.0",
  "@graphql-eslint/eslint-plugin": "^3.20.1",
  "@typescript-eslint/eslint-plugin": "^6.7.4",
  "@typescript-eslint/parser": "^6.7.4",
  "eslint": "^8.50.0",
  "eslint-config-prettier": "^9.0.0",
  "eslint-plugin-cypress": "^2.15.1",
  "eslint-plugin-import": "^2.28.1",
  "eslint-plugin-jest": "^27.4.2",
  "eslint-plugin-jsx-a11y": "^6.7.1",
  "eslint-plugin-prettier": "^5.0.0",
  "eslint-plugin-react": "^7.33.2",
  "eslint-plugin-react-hooks": "^4.6.0",
  "eslint-plugin-testing-library": "^6.0.2"
}

Usage

Extend @entire.se/eslint-react in the ESLint configuration. Also make sure to setup and install @entire.se/prettier and its peer dependencies.

module.exports = {
  extends: ['@entire.se/eslint-react'],
};

GraphQL

For the GraphQL ESlint to work the project needs to contain a graphql config file in the root directory (https://www.the-guild.dev/graphql/config/docs#examples) that points to the generated GraphQL schema.

For example you could create a file in the root directory called .graphqlrc.yml with the following content:

# This is for the linting (via @graphql-eslint/eslint-plugin)
# This is NOT used for codegen. That code will be in the codegen directory
schema: graphql/graphql.schema.json

Your IDE also needs a GraphQL extension for syntax highlighting in GraphQL files.

• VS Code Extension
• IntelliJ Extension