https://github.com/mor-ald/react-ts-template
Шаблон для React+Typescript приложения под SPA
https://github.com/mor-ald/react-ts-template
commitizen commitlint eslint jest react react-testing-library stylelint template typescript vite
Last synced: 3 months ago
JSON representation
Шаблон для React+Typescript приложения под SPA
- Host: GitHub
- URL: https://github.com/mor-ald/react-ts-template
- Owner: Mor-ald
- Created: 2025-01-29T15:02:25.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-02-05T06:59:02.000Z (over 1 year ago)
- Last Synced: 2025-02-07T04:42:39.089Z (over 1 year ago)
- Topics: commitizen, commitlint, eslint, jest, react, react-testing-library, stylelint, template, typescript, vite
- Language: JavaScript
- Homepage:
- Size: 112 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Шаблон для 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
```
## Стандарт коммитов
```
(optional scope):
[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:** Добавление недостающих тестов, рефакторинг тестов