Что такое FSD-архитектура

FSD (Feature-Sliced Design) — это архитектурный подход для фронтенд-приложений, основанный на разделении кода по бизнес-логике (фичам) и техническим слоям. Главная идея — изолировать фичи друг от друга, чтобы изменения в одной не ломали другие.

Основные слои:

1. App — инициализация, routing, провайдеры
2. Pages — композиция фич в страницы
3. Features — бизнес-логика (например, auth, cart)
4. Entities — доменные сущности (User, Product)
5. Shared — переиспользуемые компоненты/утилиты

Пример структуры:

src/
  app/
  pages/
    CartPage/
  features/
    addToCart/
  entities/
    product/
  shared/
    ui/

Плюсы:

• Масштабируемость
• Изолированность фич
• Понятная структура для команды

Подходит для средних/крупных проектов, где важна поддерживаемость.