Шаблон для React+Typescript приложения под SPA

Используемые технологии и библиотеки

• Создание пользовательского интерфейса: React
• Типизация: TypeScript
• Стилизация: SCSS
• Тестирование: Jest, React testing library
• Линтинг и форматирование: Eslint, Stylelint, Prettier
• Сборка: Vite
• Стандартизация коммитов: Commitlint, Commitizen

Структура проекта

.
└── /src
    ├── /assets
    |    ├──/images (используемые изображения внутри проекта)
    |    └──/styles (глобальные стили)
    ├── /components (компоненты)
    |    ├── /layout (header/footer/sidebar и.т.д)
    |    └── /ui (элементы пользовательского интерфейса)
    ├── /hooks (хуки)
    ├── /pages (страницы приложения)
    ├── /services (логика для работы с api / localstorage и.т.п)
    ├── /store (логика хранения)
    ├── /types (глобальные типы)
    ├── /utils (дополнительные функции)
    ├── App.tsx
    ├── index.module.scss
    ├── main.tsx
    └── vite-end.d.ts

Стандарт коммитов

<type>(optional scope): <short description>

[optional body]

[optional footer]

1. build: Выпуск новой версии
2. chore: Изменение зависимостей проекта или конфигурационных файлов
3. ci: Настройка CI и работа с скриптами
4. docs: Обновление документации
5. feat: Добавление нового функционала
6. fix: Исправление ошибок
7. perf: Изменения, направленные на улучшение производительности
8. refactor: Правки кода без исправления ошибок или добавления новых функций
9. revert: Откат изменений
10. style: Правки по кодстайлу (табы, отступы, точки, запятые и т.д.)
11. test: Добавление недостающих тестов, рефакторинг тестов