Таврида Электрик

🏗️ Архитектура

Проект построен на принципах Feature-Sliced Design с четкой слоевой архитектурой:

src/
├── 📱 app/           # Конфигурация приложения, провайдеры
├── 📄 pages/         # Страничные компоненты (роутинг)
├── 🧩 widgets/       # Композитные UI-блоки
├── ⚡ features/      # Бизнес-функциональности
├── 🏪 entities/      # Бизнес-сущности и API
└── 🔧 shared/        # Переиспользуемый код

Принципы слоев

• ⬇️ Нисходящие зависимости: верхние слои могут импортировать только из нижних

• 🔒 Горизонтальная изоляция: компоненты одного слоя изолированы друг от друга

• 🌐 Shared доступ: shared слой доступен всем

🛠️ Технологический стек

Core

• React 18 с TypeScript и Vite

• MobX для управления состоянием

• React Router для маршрутизации

• React OIDC Context для аутентификации

Формы и валидация

• Formik для управления формами

• Yup для схем валидации

UI/UX

• Antd как основная UI-библиотека

• @tel/ui-kit корпоративные компоненты

• SCSS для стилизации

• antd-style для динамических стилей

Инструменты разработки

• ESLint с TypeScript правилами

• Vite для сборки и HMR

• Docker для контейнеризации

📈 Производительность

Оптимизации

• Code splitting с React.lazy

• Мемоизация с useCallback/useMemo

• Виртуализация списков при больших объемах данных

• Tree shaking в продакшн сборке