@pedrohvfernandes/eslint-config

ESLint config

Whats included?

• Standard config base;
• React plugin;
• React Hooks plugin;
• No Only Tests plugin;
• Import Helpers Order Imports;
• JSX a11y plugin;
• Prettier;
  • Does not have commas at the end;
• In this case, it is not necessary to create the .prettier file in the project root, as the eslintrc configured in this package already contains the exact settings for prettier.
• Note: Remove the prettier extension and install the eslint extension

Setup

React (with Next.js)

Install dependencies:

npm i -D eslint @pedrohvfernandes/eslint-config

Inside .eslintrc.json

{
  "extends": [
    "@pedrohvfernandes/eslint-config/next", 
    "next/core-web-vitals"
  ]
}

React (Vite or CRA)

Install dependencies:

npm i -D eslint @pedrohvfernandes/eslint-config

Inside .eslintrc.json

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

Node.js

Install dependencies:

npm i -D eslint @pedrohvfernandes/eslint-config

Inside .eslintrc.json

{
  "extends": "@pedrohvfernandes/eslint-config/node"
}

My config: Dev Junior + Rocketseat + Igor React (Vite or CRA)

Install dependencies:

npm i -D eslint @pedrohvfernandes/eslint-config

Inside .eslintrc.json

{
  "extends": "@pedrohvfernandes/eslint-config/myconfigreact"
}

My config: Node.js

Install dependencies:

npm i -D eslint @pedrohvfernandes/eslint-config

Inside .eslintrc.json

{
  "extends": "@pedrohvfernandes/eslint-config/myconfignode"
}