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

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

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

Стек

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

Архитектура

• SLM Design — собственная модульная архитектура проекта. Подробнее в разделе Архитектура.

UI компоненты

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

Работа с данными (API)

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

Store

• Zustand — глобальное состояние.

Локализация

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

Тестирование

• Vitest — тестирование.

Стили

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

Генерация

• @gromlab/create — шаблонизатор для создания слоёв и других файлов из шаблонов.