h3rmel / lint-config-h3rmel

My personal lint configuration for Next and React projects using ESLint and Prettier.

H3rmel ESLint and Prettier Config

---

Ready setup for ESLint and Prettier for my personal projects.

What's included?

Ready ESLint config for React projects, including:

• React
• React Hooks
• Import Helpers
• JSX a11y

Ready ESLint config por Next projects, including:

• Import Helpers
• JSX a11y

Ready prettier config for projects, including:

• Prettier TailwindCSS

Setup

Next

Install the package:

npm i --save-dev @h3rmel/eslint-config-next

Install the dependencies:

npm i --save-dev @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint-plugin-import-helpers eslint-plugin-jsx-a11y eslint

Extends the configuration:

// .eslintrc.js
module.exports = {
  extends: ["next/core-web-vitals", "next", "@h3rmel/eslint-config-next"],
};

React

Install the package:

npm i --save-dev @h3rmel/eslint-config-react

Install the dependencies:

npm i --save-dev @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint-plugin-import-helpers eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks eslint

Extends the configuration:

// .eslintrc.js
module.exports = {
  extends: ["@h3rmel/eslint-config-react"],
};

Prettier

Install the package:

npm i --save-dev @h3rmel/prettier-config

Install the dependencies:

npm i --save-dev prettier prettier-plugin-tailwindcss

Extends the configuration:

// .prettierrc
"@h3rmel/prettier-config";

License

This project is licensed under the MIT License. See the LICENSE file for more details.