Question 1

What's the difference between ESLint and Prettier?

Accepted Answer

ESLint focuses on code quality — detecting syntax errors, unused variables, anti-patterns. Prettier focuses on code formatting — indentation, quotes, spacing. They complement each other. Best practice: ESLint + eslint-config-prettier + Prettier.

Question 2

What is ESLint flat config?

Accepted Answer

ESLint v9 introduced flat config (eslint.config.js), replacing the old .eslintrc* hierarchical system. Flat config uses exported arrays of config objects, each with files, rules, plugins — simpler and more composable.

Question 3

How to configure ESLint for TypeScript?

Accepted Answer

TypeScript projects need @typescript-eslint/parser to parse TS code and @typescript-eslint/eslint-plugin for TypeScript-specific rules. Enable strict type-checking rules to leverage TS's type system fully.

📐 ESLint Config Generator

⚙️ Environment

🔌 Plugins & Extensions

📏 Strictness

📄 Generated eslint.config.js