zubkovvladimir / football-bet-stats

Home Page:football-bet-stats.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Test

Скрипты

Установка зависимостей
yarn
Production сборка
yarn build
Запуск сервера для разработки
yarn dev
Запуск линтера
yarn lint
yarn lint:css
Запуск prettier для проекта
yarn format

Разработка

О сборке

  • Управление состоянием - redux & redux-toolkit.
  • Работа с формами - react-hook-form & react-hook-form.

Структура

  • _templates - параметры для hygen
  • public - статичный контент
  • src - все исходники
    • api - cлой работы с api.
      • endpoints - эндпоинты апи.
      • methods - методы, которые используются потом в приложении.
    • assets - глобальные стили (scss), шрифты, изображения.
    • components - папка с группами компонентов.
      • features - компоненты отдельных страниц.
      • shared - переиспользуемые между страницами компоненты.
    • constants - константы.
    • hocs - компоненты высшего порядка - подключение провайдеров, модальных окон, etc.
    • interfaces - все переиспользуемые интерфейсы приложения.
    • layouts лейауты.
    • pages - страницы приложения.
    • routes - роуты.
    • store - всё, что относится к хранилищу.
    • utils - всё, что нельзя отнести в другие папки - модули, хелперы, etc.

Создание компонентов

  • Допускается создание подпапок с другими компонентами в папках компонента
  • Экспорты по умолчанию только для React.lazy, в остальных случаях только именованные экспорты

Работа со стором

  • redux-toolkit

code style

  • Для соблюдения единого стиля кода есть eslint, для форматирования - prettier
  • Стоит pre-commit hook с валидацией и форматированием (убедитесь, что он включен в вашем редакторе кода)

About

football-bet-stats.vercel.app


Languages

Language:JavaScript 53.3%Language:TypeScript 39.2%Language:SCSS 6.0%Language:HTML 1.5%