Question 1

How to set up ESLint with React?

Accepted Answer

Install ESLint and eslint-plugin-react, then configure it in your eslint.config.js to enable React-specific rules. The README notes that while ESLint natively parses JSX, React semantics require the plugin for full functionality.

Question 2

ESLint vs Prettier: what's the difference?

Accepted Answer

ESLint is a linter that finds problematic patterns, while Prettier is a code formatter. They complement each other; use eslint-config-prettier to disable conflicting rules and run both tools for comprehensive code quality.

Question 3

Why does ESLint break my build after an update?

Accepted Answer

ESLint's semantic versioning policy allows minor releases to fix bugs that report more errors, which can break lint builds. To avoid this, pin versions with tilde (~) in package.json and test updates carefully.

Question 4

How to disable a specific rule in ESLint?

Accepted Answer

In your eslint.config.js, set the rule to 'off' or 0 in the rules object. For example, add 'no-console': 'off' to turn off console logging warnings, as shown in the configuration example.

Question 5

Does ESLint work with Vue.js?

Accepted Answer

Yes, but not natively; you need plugins like eslint-plugin-vue. ESLint's pluggable architecture allows integration, but setup involves additional configuration and dependency on community-maintained plugins.

Question 6

How to ignore files in ESLint?

Accepted Answer

Use an .eslintignore file or configure file patterns in eslint.config.js with the 'files' key. This allows excluding directories like node_modules or specific files from linting.

ESLint

What is ESLint?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Open Source Alternative To

Frequently Asked Questions