AE Studio ESLint Config

What's included?

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

Install

npm install -D eslint @ae-studio/eslint-config

Next.js

As described in this GitHub issue, Next.js is still being updated to support ESLint 9. It has partial support for the new config format, but it's not fully compatible yet.

For this reason, you need to install version 2.1.0 of this package to be able to use it with Next.js, and continue using ESLint 8.

npm install -D eslint@8 @ae-studio/eslint-config@2.1.0

For setting out the package, please refer to v2.1.0 documentation.

Setup

Inside your eslint.config.mjs file, add the following configuration based on your project type:

Node.js

export { default } from "@ae-studio/eslint-config/node";

React

export { default } from "@ae-studio/eslint-config/react";

React + Tailwind

import reactConfig from "@ae-studio/eslint-config/react";
import tailwindConfig from "@ae-studio/eslint-config/tailwind";

export default [...reactConfig, ...tailwindConfig];

---

Built with 🧡 by AE Studio