Shared ESLint config for modern projects

This package includes a set of ESLint configurations for modern fullstack projects that rock.

The package includes:

| Package | Description | Rules | License | | ------------------------------- | ---------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------- | ---------- | | @zemd/eslint-js | Shared ESLint config for JavaScript projects | | Apache 2.0 | | @zemd/eslint-ts | Shared ESLint config for TypeScript projects | | Apache 2.0 | | @zemd/eslint-react | Shared ESLint config for React.js projects | | Apache 2.0 | | @graphql-eslint/eslint-plugin | GraphQL ESLint rules | schema-recommended and operations-recommended | MIT | | eslint-plugin-tailwindcss | Starting from v1.1.0 the config is optional due to Tailwind v4 release, which is not supported by the config | recommended excluding classnames-order | MIT | | eslint-plugin-turbo | | recommended | MIT | | @vitest/eslint-plugin | | recommended | MIT | | eslint-plugin-storybook | | recommended, csf-strict. The rules are available but not included by default | MIT |

Installation

npm install --save-dev @zemd/eslint-rock-stack

Usage

Basic Setup

// eslint.config.js
import rock, { storybook } from "@zemd/eslint-rock-stack";

export default [...rock(), ...storybook()];

Tailwind v3 support

if you want to use Tailwind config for Tailwind v3, install optional dependency:

pnpm add -D eslint-plugin-tailwindcss

and import the config:

import rock from "@zemd/eslint-rock-stack";
import tailwind from "@zemd/eslint-rock-stack/tailwind";

export default [...rock(), ...tailwind()];

More Advanced Setup

// eslint.config.js
import { react, graphql, playwright, turbo, vitest, typescript, javascript } from "@zemd/eslint-rock-stack";

export default [...typescript(), javascript(), ...react(), ...graphql(), ...playwright(), ...turbo(), ...vitest()];

You might be also interested in

| Package | Version | Description | | ---------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | | @zemd/eslint-js | | JavaScript-only rules. | | @zemd/eslint-ts | | TypeScript rules (includes JS rules from @zemd/eslint-js). | | @zemd/eslint-react | | React rules (includes TS rules from @zemd/eslint-ts and JS rules from @zemd/eslint-js). | | @zemd/eslint-rock-stack | | Rules for Fullstack projects that include React.js, GraphQL, Playwright, Tailwind(optional), Turbo, Vitest, and Storybook. | | @zemd/eslint-next | | Rules for Next.js projects (inherits from @zemd/eslint-rock-stack). | | @zemd/eslint-astro | | Rules for Astro based projects (includes rules @zemd/eslint-react by default). |

License

The @zemd/eslint-rock-stack is licensed under Apache-2.0 license 😇.

💙 💛 Donate