AE Studio ESLint Config

What's included?

• Standard config
• Prettier
• Typescript plugin
• React plugin
• React Hooks plugin
• JSX A11y plugin
• Simple Import Sort plugin
• TailwindCSS plugin

Install

npm i -D eslint@8 @ae-studio/eslint-config

Next.js

If you're setting up a Next.js project, you also need to install the eslint-config-next package.

npm i -D eslint@8 @ae-studio/eslint-config eslint-config-next

Setup

Inside your .eslintrc.json file, add the following configuration based on your project type:

Node.js

{
  "extends": "@ae-studio/eslint-config/node"
}

React

{
  "extends": "@ae-studio/eslint-config/react"
}

React + Tailwind

{
  "extends": [
    "@ae-studio/eslint-config/react",
    "@ae-studio/eslint-config/tailwind"
  ]
}

Next.js

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

Next.js + Tailwind

{
  "extends": [
    "next/core-web-vitals",
    "@ae-studio/eslint-config/react",
    "@ae-studio/eslint-config/tailwind"
  ]
}

---

Built with 🧡 by AE Studio