Чим ESLint відрізняється від Prettier?

ESLint і Prettier часто використовуються разом, але вони вирішують різні завдання, тому плутати їх не можна.

Інструмент	За що відповідає
ESLint	Аналізує код на помилки, анти-патерни і порушення правил JavaScript/TypeScript
Prettier	Форматує код (оформлення, пробіли, переноси, лапки тощо)

ESLint відповідає за якість коду і логіку. Він перевіряє:

Приклад: ESLint знайде помилку:

const x = 10;
console.log(y); // ESLint скаже, що y - не визначено

Prettier відповідає виключно за стиль форматування, а не за логіку. Він автоматично:

Приклад: Prettier відформатує код

const obj={name:"Tom",age:20}

const obj = { name: 'Tom', age: 20 };

Зазвичай їх ставлять разом:

ESLint можна налаштувати так, щоб він не сварився за стиль, а віддавав ці завдання Prettier.

Ці інструменти не конкуренти, а доповнюють один одного, покриваючи різні сторони якості коду.

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.