frontend-style-guide/parts/1-tech-stack.md

---
title: Технологии и библиотеки
---

# Технологии и библиотеки

Базовый стек технологий и библиотек, на который опираются проекты и примеры в документации.

## Что используем

### Стек
- **React/TypeScript** — основной стек для UI и приложения.
- **Next.js** — для продуктовых сайтов.

### Архитектура
- **FSD (Feature-Sliced Design)** — структура проекта и границы модулей.

### UI компоненты
- **Mantine UI** — базовые UI-компоненты.

### Fetch (API)
- **@gromlab/api-codegen** — генерация API‑клиентов и типов.
- **SWR** — получение, кеширование, ревалидация, дедубликация.
- **SWR (useSWRSubscription)** - сокеты, реалтайм подписки.

### Store
- **Zustand** — глобальное состояние.

### Локализация
- **i18next (i18n)** — локализация всех пользовательских текстов.

### Тестирование
- **Vitest** — тестирование.

### Стили
- **PostCSS Modules** — изоляция стилей.
- **Mobile First** — подход к адаптивной верстке.
- **clsx** — конкатенация CSS‑классов.

### Генерация
- **@gromlab/create** — шаблонизатор для создания слоёв и других файлов из шаблонов.