@batoanng/eslint-config

Compose shared lint rules with targeted exports for base JavaScript, React, Next.js, Tailwind, and test environments.

• @batoanng/eslint config or @batoanng/eslint config/react :
• @batoanng/eslint config/next :
• @batoanng/eslint config/tailwind :
• @batoanng/eslint config/test :

Bring the package into your project with the published npm entrypoint.

npm install -D @batoanng/eslint-config

Baseline install:

npm install -D eslint typescript @batoanng/eslint-config

Install additional peers only for the entrypoints you use:

• @batoanng/eslint-config or @batoanng/eslint-config/react: eslint-plugin-react, eslint-plugin-react-hooks, eslint-plugin-jsx-a11y
• @batoanng/eslint-config/next: @next/eslint-plugin-next
• @batoanng/eslint-config/tailwind: eslint-plugin-tailwindcss, tailwindcss For Tailwind CSS v4, install eslint-plugin-tailwindcss@^4.0.0-beta.0
• @batoanng/eslint-config/test: eslint-plugin-jest, eslint-plugin-testing-library, jest

Start with the shared base and add the environment-specific presets your package needs.

import config from '@batoanng/eslint-config';
import typed from '@batoanng/eslint-config/typed';
import test from '@batoanng/eslint-config/test';

export default [...config, ...typed, ...test];

// eslint.config.mjs
import base from '@batoanng/eslint-config/base';

export default [...base];

// eslint.config.mjs
import config from '@batoanng/eslint-config';
import test from '@batoanng/eslint-config/test';
import typed from '@batoanng/eslint-config/typed';

export default [...config, ...typed, ...test];

// eslint.config.mjs
import config from '@batoanng/eslint-config';
import next from '@batoanng/eslint-config/next';
import tailwind from '@batoanng/eslint-config/tailwind';
import typed from '@batoanng/eslint-config/typed';

export default [...config, ...typed, ...next, ...tailwind];

• . -> ./index.mjs
• ./base -> ./base.mjs
• ./react -> ./react.mjs
• ./typed -> ./typed.mjs
• ./next -> ./next.mjs
• ./tailwind -> ./tailwind.mjs
• ./test -> ./test.mjs

• base.mjs

• index.mjs

• next.mjs

• package.json

• react.mjs

• shared.mjs

• smoke/

• @batoanng/eslint-config: base + React defaults Requires: eslint-plugin-react, eslint-plugin-react-hooks, eslint-plugin-jsx-a11y

• @batoanng/eslint-config/base: JavaScript and TypeScript baseline Requires no extra peers beyond eslint and typescript

• @batoanng/eslint-config/react: React, hooks, and JSX a11y rules Requires: eslint-plugin-react, eslint-plugin-react-hooks, eslint-plugin-jsx-a11y

• @batoanng/eslint-config/typed: opt-in type-aware TypeScript rules Requires no extra peers beyond eslint and typescript

• @batoanng/eslint-config/next: Next.js rules Requires: @next/eslint-plugin-next

• @batoanng/eslint-config/tailwind: Tailwind CSS rules Requires: eslint-plugin-tailwindcss, tailwindcss Supports: Tailwind CSS v3 with eslint-plugin-tailwindcss@^3.18.2, or Tailwind CSS v4 with eslint-plugin-tailwindcss@^4.0.0-beta.0

• @batoanng/eslint-config/test: Jest, Vitest globals, and Testing Library rules Requires: eslint-plugin-jest, eslint-plugin-testing-library, jest

• @next/eslint-plugin-next

• eslint

• eslint-plugin-jest

• eslint-plugin-jsx-a11y

• eslint-plugin-react

• eslint-plugin-react-hooks

• eslint-plugin-tailwindcss

• eslint-plugin-testing-library

• tailwindcss

• typescript

• typed uses parserOptions.projectService, so it reads the consumer project's own TypeScript configuration.

• The shared config already enables eslint-config-prettier, so formatting-only rule conflicts stay off.

• Feature-specific ESLint plugins are peer dependencies so consumers only install the entrypoint-specific packages they actually use.

• Tailwind CSS v4 currently relies on the upstream eslint-plugin-tailwindcss beta channel, because stable upstream releases still pin Tailwind CSS to v3.

• The Tailwind entrypoint automatically uses a local tailwind.config.* file when one exists, and falls back to Tailwind's default config for CSS-first Tailwind CSS v4 projects.

• The package ships flat config only. Legacy .eslintrc* usage is intentionally unsupported.

• Update tailwind version

Flat ESLint configs for TypeScript, React, Next.js, Tailwind, and tests.

Baseline install:

npm install -D eslint typescript @batoanng/eslint-config

Install additional peers only for the entrypoints you use:

• @batoanng/eslint-config or @batoanng/eslint-config/react: eslint-plugin-react, eslint-plugin-react-hooks, eslint-plugin-jsx-a11y
• @batoanng/eslint-config/next: @next/eslint-plugin-next
• @batoanng/eslint-config/tailwind: eslint-plugin-tailwindcss, tailwindcss For Tailwind CSS v4, install eslint-plugin-tailwindcss@^4.0.0-beta.0
• @batoanng/eslint-config/test: eslint-plugin-jest, eslint-plugin-testing-library, jest

• @batoanng/eslint-config: base + React defaults Requires: eslint-plugin-react, eslint-plugin-react-hooks, eslint-plugin-jsx-a11y
• @batoanng/eslint-config/base: JavaScript and TypeScript baseline Requires no extra peers beyond eslint and typescript
• @batoanng/eslint-config/react: React, hooks, and JSX a11y rules Requires: eslint-plugin-react, eslint-plugin-react-hooks, eslint-plugin-jsx-a11y
• @batoanng/eslint-config/typed: opt-in type-aware TypeScript rules Requires no extra peers beyond eslint and typescript
• @batoanng/eslint-config/next: Next.js rules Requires: @next/eslint-plugin-next
• @batoanng/eslint-config/tailwind: Tailwind CSS rules Requires: eslint-plugin-tailwindcss, tailwindcss Supports: Tailwind CSS v3 with eslint-plugin-tailwindcss@^3.18.2, or Tailwind CSS v4 with eslint-plugin-tailwindcss@^4.0.0-beta.0
• @batoanng/eslint-config/test: Jest, Vitest globals, and Testing Library rules Requires: eslint-plugin-jest, eslint-plugin-testing-library, jest

// eslint.config.mjs
import base from '@batoanng/eslint-config/base';

export default [...base];

// eslint.config.mjs
import config from '@batoanng/eslint-config';
import test from '@batoanng/eslint-config/test';
import typed from '@batoanng/eslint-config/typed';

export default [...config, ...typed, ...test];

// eslint.config.mjs
import config from '@batoanng/eslint-config';
import next from '@batoanng/eslint-config/next';
import tailwind from '@batoanng/eslint-config/tailwind';
import typed from '@batoanng/eslint-config/typed';

export default [...config, ...typed, ...next, ...tailwind];

• typed uses parserOptions.projectService, so it reads the consumer project's own TypeScript configuration.
• The shared config already enables eslint-config-prettier, so formatting-only rule conflicts stay off.
• Feature-specific ESLint plugins are peer dependencies so consumers only install the entrypoint-specific packages they actually use.
• Tailwind CSS v4 currently relies on the upstream eslint-plugin-tailwindcss beta channel, because stable upstream releases still pin Tailwind CSS to v3.
• The Tailwind entrypoint automatically uses a local tailwind.config.* file when one exists, and falls back to Tailwind's default config for CSS-first Tailwind CSS v4 projects.
• The package ships flat config only. Legacy .eslintrc* usage is intentionally unsupported.