Files
nextjs-style-guide/src/base/basics/tech-stack.md

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 — для продуктовых сайтов.

Архитектура

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