ESLint

eslint.config.js

When to Use

• Enforcing Rules:

  no-unused-vars

  ,

  react-hooks/rules-of-hooks

  .
• Code Quality: Catching bugs before they run.

Core Concepts

Flat Config (

eslint.config.js

)

extends

export default [js.configs.recommended, { rules: { semi: "error" } }];

Plugins

eslint-plugin-react

Parsers

@typescript-eslint/parser

Best Practices (2025)

• Use Flat Config: Use the new format.
• Use

  typescript-eslint

  : The typed linting rules are powerful (e.g.

  no-floating-promises

  ).

• Don't configure formatting rules: Disable all formatting rules (use Prettier or Biome for that). use

  eslint-config-prettier

  .

References

• ESLint Documentation