#19 Подключаем eslint и prettier - ReactJS Полный курс

• Видео начинается с объяснения, что ESLint - это статический анализатор исходного кода, который помогает выявлять типичные ошибки и улучшать код.  

• ESLint анализирует код как есть, что позволяет автоматически устранять ошибки.  

• В качестве примера приводится запрет на экспорт анонимных функций в React.  

• ESLint также помогает контролировать форматирование кода, что является важной метрикой читаемости кода.  

• В видео демонстрируется установка ESLint с помощью команды "npm install eslint --save-dev".  

• ESLint устанавливается с использованием "eslint-config-airbnb", который содержит набор правил для React.  

• ESLint также может быть настроен с помощью файла ".eslintrc.js", который содержит правила форматирования кода.  

• Prettier - это инструмент для автоматического форматирования кода.  

• Он устанавливается с помощью команды "npm install prettier --save-dev".  

• Prettier используется для форматирования кода в соответствии с правилами, установленными в файле ".prettierrc.js".  

• В видео демонстрируется использование ESLint и Prettier в проекте, созданном с помощью Create React App.  

• ESLint и Prettier помогают улучшить читаемость кода и выявить ошибки, которые могут быть пропущены при ручном контроле.  

• В видео также демонстрируется использование плагина ESLint для отображения ошибок в редакторе кода.  

• Установка пакета притер и создание файлов притер и притер игнор.  

• Настройка форматирования и проверка линтером.  

• Создание команд для запуска разработки, линтинга и претера.  

• Использование скриптов для запоминания команд и упрощения работы.  

• Установка плагина для притера в Visual Studio Code.  

• Настройка форматирования на сохранение и прекомит хука.  

• Обсуждение преимуществ и недостатков притера и прекомит хука.  

• Завершение работы с притером и подготовка к верстке приложения.