ESLint

ELI5 — The Vibe Check

ESLint is the code cop that reads your JavaScript and yells at you when you do something wrong or inconsistent. It catches bugs before they run (like using a variable that doesn't exist) and enforces code style rules. CI will fail if ESLint is unhappy, which is the only reason some developers fix their code.

Real Talk

ESLint is a pluggable static analysis tool for JavaScript and TypeScript that identifies and reports on patterns found in code. It is highly configurable via rules, plugins (e.g., eslint-plugin-react, @typescript-eslint), and shareable configs (e.g., eslint-config-airbnb). ESLint can also auto-fix many issues with the --fix flag.

Show Me The Code

// .eslintrc.json
{
  "extends": ["eslint:recommended", "plugin:react/recommended"],
  "rules": {
    "no-unused-vars": "error",
    "no-console": "warn",
    "prefer-const": "error"
  }
}

// Run ESLint
// npx eslint src --fix

When You'll Hear This

ESLint runs in CI and blocks PRs with lint errors.,Use eslint --fix to auto-correct formatting issues.,ESLint and Prettier serve different purposes — use both.