Налаштування ESLint

У проекті, створеному за допомогою Vite, вже налаштований лінтинг - перевірка якості коду. Щоб отримувати візуальний фідбек від лінтера в редакторі VSCode, потрібно додати розширення ESlint.

Частини коду, які не відповідають стандартам якості, будуть підкреслені жовтим (попередження) або червоним (помилка) пунктиром. При наведенні миші на пунктир з'явиться спливаюча підказка з описом проблеми.

Останнім кроком буде невеличка зміна налаштувань лінтера ESLint. У файлі налаштувань .eslintrc.cjs потрібно відключити одне непотрібне нам правило. Зокрема, додайте до блоку rules властивість react/prop-types із значенням 0. Ви можете просто взяти наступний код, який містить потрібні налаштування, і замінити ним вміст файлу .eslintrc.cjs.