Getting Started

JavaScript

Getting started using ESLint React in your JavaScript React project

This setup requires the following minimum versions:

Installation

npm install --save-dev globals eslint @eslint/js @eslint-react/eslint-plugin

Configure ESLint

eslint.config.js
import globals from "globals";
import eslintJs from "@eslint/js";
import eslintReact from "@eslint-react/eslint-plugin";
import { defineConfig } from "eslint/config";
 
export default defineConfig([
  {
    files: ["**/*.js", "**/*.jsx"],
 
    // Extend recommended rule sets from:
    // 1. ESLint JS's recommended rules
    // 2. ESLint React's recommended rules
    extends: [
      eslintJs.configs.recommended,
      eslintReact.configs.recommended,
    ],
 
    // Configure language/parsing options
    languageOptions: {
      // Include browser global variables (window, document, etc.)
      globals: {
        ...globals.browser
      },
      parserOptions: {
        ecmaFeatures: {
          jsx: true, // Enable JSX syntax support
        },
      },
    },
 
    // Custom rule overrides (modify rule levels or disable rules)
    rules: {
      "@eslint-react/no-class-component": "error",
    },
  },
]);

Resources

On this page