Курс React и Redux Toolkit. 02. Настройка проекта. Vite, ESLint, Prettier, Husky pre-commit

• Приветствие и цель видео: развернуть приложение с использованием шаблонного редактора.  

• Переход на сайт редак тулкит и выбор секции установки.  

• Преимущества использования шаблонного редактора: включает React, Redux, TypeScript, линтеры и сборщик.  

• Рекомендация использовать шаблонный редактор от редак тулкит.  

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

• Открытие репозитория и проверка содержимого.  

• Открытие файла package.json и проверка зависимостей.  

• Установка необходимых пакетов с помощью npm install.  

• Запуск приложения с помощью команды npm run dev.  

• Удаление ненужных файлов и папок из проекта.  

• Удаление файлов, связанных с Redux и TypeScript.  

• Удаление стилей и тестов для упрощения проекта.  

• Объяснение работы линтеров и принтеров.  

• Установка ESLint и Prettier в проект.  

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

• Установка расширения Prettier в VS Code.  

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

• Настройка конфигов для Prettier в VS Code.  

• Введение в библиотеку Hask для перехвата действий.  

• Использование хука pre-commit для выполнения команд перед коммитом.  

• Инициализация Git репозитория и установка Hask.  

• Появилась директория хаски и файл при комит для выполнения команд перед коммитом.  

• В файле пакджи сон добавлен скрипт припером для вызова хаски ин стол.  

• Установлена библиотека линта стейджет для удобной работы с хаски.  

• В файле дефа депенденсис добавлена библиотека линта стейджет.  

• В пакджи сон добавлена секция для линта стейджет с описанием команд.  

• Правила применяются к файлам с расширениями .js, .ts и .tsx.  

• Запускаются притер с флагом райт и линтер с флагом фикс.  

• Линт стейджет добавляется в пре-комит для вызова притера и линтера.  

• При попытке коммита запускается линт стейджет, который показывает ошибки и их местоположения.  

• При попытке коммита с ошибкой линт стейджет показывает ошибку и её местоположение.  

• После исправления ошибки и повторного коммита, коммит проходит успешно.  

• Установлен и настроен проект с использованием тимплейта для редак кит.  

• Настроены линтер, притер и пре-комит с хаски.  

• В следующем видео начнется разработка бизнес-логики для приложения с применением редак кит.