Files
svg-sprites/preview/ai/basics/tech-stack.md
S.Gromov e77e7dfcf1 refactor: заменить shiki на самописный highlighter и обновить архитектуру
- Удалён shiki (9.5→0 МБ), создан regex-токенизатор для html/css/xml
- CLI переведён с аргументов на конфиг-файл svg-sprites.config.ts
- Превью переработано: React-приложение вместо инлайн HTML
- Добавлен футер с названием пакета и ссылкой на репозиторий
- Исправлена загрузка dev-data.js для Vite 8
- Футер прижат к низу, содержимое центрировано
2026-04-22 16:54:35 +03:00

2.0 KiB
Raw Blame History

title, scope, keywords, when
title scope keywords when
Технологии и библиотеки basics
стек
React
TypeScript
Next.js
Mantine
библиотека
зависимость
Выбор библиотеки или технологии, проверка допустимости зависимости

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

Этот раздел описывает базовый стек технологий и библиотек, принятый в проекте.

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

Стек

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

Архитектура

  • SLM Design (Scoped Layered Module 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 — шаблонизатор для создания слоёв и других файлов из шаблонов.