При создании коммита автоматически запускаются проверка линтерами stylelint, eslint и форматирование prettier.
Если линтер обнаружит ошибки:
- Коммит создан не будет
- Необходимо исправить все выявленные проблемы
- Добавить исправленные файлы в индекс:
git add . - Повторить коммит
Рекомендация:
Для предотвращения ошибок на этапе коммита предварительно выполните:
npm run lint. Это позволит выявить и исправить проблемы до создания коммита.
Есть также команды для запуска проверок по отдельности:
npm run eslint- запускает проверку линтера и исправляет проблемы, которые можно исправить автоматически,npm run stylelint- запускает проверку литера для файлов стилей и исправляет проблемы, которые можно исправить автоматически,npm run prettier- исправляет ошибки форматирования кода.
Можно добавить автозапуск этих команд при сохранении файла в вашей IDE.
Для создания коммита рекомендуется запускать команду npm run commit. Она позволяет обеспечить соответствие описаний коммитов общепринятым соглашениям.
В проекте настроены алиасы, которые можно использовать при импорте модулей:
alias: {
'@': path.resolve(__dirname, './src'),
'@components': path.resolve(__dirname, './src/components'),
'@services': path.resolve(__dirname, './src/utils'),
'@pages': path.resolve(__dirname, './src/pages'),
'@utils': path.resolve(__dirname, './src/utils'),
},
Проект изначально реализован на TypeScript. Компоненты, хранилище и утилитарные функции типизированы без использования any и инлайнового отключения линтера без необходимости.
В приложении реализованы публичная лента заказов и история заказов пользователя с обновлением данных через WebSocket. Карточки показывают состав, стоимость и статус заказа, а подробная информация открывается в модальном окне или на отдельной странице при прямом переходе по URL.