# @zemd/eslint-react

> Shared ESLint config for React projects

Latest version **3.1.2** (published 2026-08-22) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @zemd/eslint-react
pnpm add @zemd/eslint-react
yarn add @zemd/eslint-react
bun add @zemd/eslint-react
```

## Health

**Score 75/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; has provenance; recently updated; high maintenance score; high quality score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 3.1.2 |
| Published | 2026-08-22 |
| First published | 2025-01-19 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM |
| Dependencies | 8 |
| Unpacked size | 22.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 1 |
| Author | Dmytro Zelenetskyi |
| Maintainers | zemd |
| Keywords | eslint, eslint rules, eslint-config, eslint-flat-config, eslintconfig, flat config, javascript, react, typescript |

## Links

- npm: https://www.npmjs.com/package/@zemd/eslint-react
- Repository: https://github.com/zemd/tooling
- Homepage: https://eslint-config.zemd.dev/
- Issues: https://github.com/zemd/tooling/issues
- Funding: https://github.com/sponsors/zemd
- npm.io page: https://npm.io/package/@zemd/eslint-react

## Dependencies (8)

- [local-pkg](https://npm.io/package/local-pkg.md) 1.2.1
- [@zemd/eslint-ts](https://npm.io/package/@zemd/eslint-ts.md) 3.1.2
- [@zemd/eslint-common](https://npm.io/package/@zemd/eslint-common.md) 3.0.4
- [@typescript-eslint/parser](https://npm.io/package/@typescript-eslint/parser.md) 8.67.0
- [eslint-plugin-react-hooks](https://npm.io/package/eslint-plugin-react-hooks.md) 7.1.1
- [@eslint-react/eslint-plugin](https://npm.io/package/@eslint-react/eslint-plugin.md) 5.18.6
- [eslint-plugin-react-refresh](https://npm.io/package/eslint-plugin-react-refresh.md) 0.5.4
- [eslint-plugin-react-compiler](https://npm.io/package/eslint-plugin-react-compiler.md) 19.1.0-rc.2

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 3.1.2 (latest) — 2026-08-22
- 3.1.1 — 2026-07-23
- 3.1.0 — 2026-07-23
- 3.0.4 — 2026-05-09
- 3.0.3 — 2026-04-12
- 3.0.2 — 2026-04-07
- 3.0.1 — 2026-04-06
- 3.0.0 — 2026-03-29
- 2.0.6 — 2026-03-23
- 2.0.5 — 2026-03-14
- 2.0.4 — 2026-02-25
- 2.0.3 — 2026-02-20
- 2.0.2 — 2026-02-12
- 2.0.1 — 2026-01-21
- 2.0.0 — 2026-01-21
- … 46 more at https://npm.io/package/@zemd/eslint-react/versions

## README

# Shared ESLint config for React projects

[![npm](https://img.shields.io/npm/v/@zemd/eslint-react?color=0000ff&label=npm&labelColor=000)](https://npmjs.com/package/@zemd/eslint-react)

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`](https://www.npmjs.com/package/@zemd/eslint-ts) and [`@zemd/eslint-js`](https://www.npmjs.com/package/@zemd/eslint-js) rules.

## Installation

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

## Usage

### Basic Setup

```javascript
// 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:

```javascript
// 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`](../js/README.md)                 | [![npm](https://img.shields.io/npm/v/@zemd/eslint-js?color=0000ff&label=npm&labelColor=000)](https://npmjs.com/package/@zemd/eslint-js)                 | JavaScript-only rules.                                                                                                     |
| [`@zemd/eslint-ts`](../ts/README.md)                 | [![npm](https://img.shields.io/npm/v/@zemd/eslint-ts?color=0000ff&label=npm&labelColor=000)](https://npmjs.com/package/@zemd/eslint-ts)                 | TypeScript rules (includes JS rules from @zemd/eslint-js).                                                                 |
| [`@zemd/eslint-react`](../react/README.md)           | [![npm](https://img.shields.io/npm/v/@zemd/eslint-react?color=0000ff&label=npm&labelColor=000)](https://npmjs.com/package/@zemd/eslint-react)           | React rules (includes TS rules from `@zemd/eslint-ts` and JS rules from `@zemd/eslint-js`).                                |
| [`@zemd/eslint-rock-stack`](../rock-stack/README.md) | [![npm](https://img.shields.io/npm/v/@zemd/eslint-rock-stack?color=0000ff&label=npm&labelColor=000)](https://npmjs.com/package/@zemd/eslint-rock-stack) | Rules for Fullstack projects that include React.js, GraphQL, Playwright, Tailwind(optional), Turbo, Vitest, and Storybook. |
| [`@zemd/eslint-next`](../next/README.md)             | [![npm](https://img.shields.io/npm/v/@zemd/eslint-next?color=0000ff&label=npm&labelColor=000)](https://npmjs.com/package/@zemd/eslint-next)             | Rules for Next.js projects (inherits from `@zemd/eslint-rock-stack`).                                                      |
| [`@zemd/eslint-astro`](../astro/README.md)           | [![npm](https://img.shields.io/npm/v/@zemd/eslint-astro?color=0000ff&label=npm&labelColor=000)](https://npmjs.com/package/@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

[![](https://img.shields.io/static/v1?label=UNITED24&message=support%20Ukraine&color=blue)](https://u24.gov.ua/)

---
_Source: https://npm.io/package/@zemd/eslint-react · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
