Shared ESLint config for react projects

This package includes a set of ESLint configurations for React projects.

The package includes:

| Package | Description | Rules | License | | --------------------------------- | ---------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ------- | | eslint-plugin-react | React specific linting rules | recommended and jsx-runtime rules. Additionally manually selected rules that were not included. | MIT | | eslint-plugin-jsx-a11y | Accessibility rules for JSX | recommended rules. | MIT | | eslint-plugin-react-hooks | Rules for React hooks | recommended rules. | MIT | | eslint-plugin-react-hooks-extra | Additional rules for React hooks | recommended rules. | MIT | | eslint-plugin-react-web-api | ESLint plugin for React to interact with Web APIs | recommended rules. | MIT | | eslint-plugin-react-compiler | React 19 specific rules. | At the moment there is only one rule exists. | MIT | | eslint-plugin-react-refresh | Validate that your components can safely be updated with Fast Refresh. | configurable option. By default, recommended rules and additionally configuration added for vite, remix and react router 7 | MIT |

Additionally, this package includes the @zemd/eslint-ts and @zemd/eslint-js rules.

Installation

npm install --save-dev @zemd/eslint-react

Usage

Basic Setup

// eslint.config.js
import react from "@zemd/eslint-react"; // <- this will import all rules including the @zemd/eslint-ts rules

export default [...react()];

More Advanced Setup

You can cherry-pick only what you need:

// eslint.config.js
import { react, typescript, javascript, json } from "@zemd/eslint-ts"; // import only typescript config

export default [...react(), ...typescript(), ...javascript(), ...json()];

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-react is licensed under Apache-2.0 license 😇.

💙 💛 Donate