Что такое Feature-Sliced Design

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

Ключевые принципы:

• Слои: app/ (инициализация), pages/ (роуты), features/ (бизнес-логика), entities/ (базовые сущности), shared/ (утилиты/UI).
• Изоляция: Каждая фича/сущность автономна (свои компоненты, store, API).
• Публичный API: Четкие границы модулей через index.ts.

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

src/
  features/
    cart/
      api/
      model/
      ui/
      index.ts
  entities/
    user/
  shared/
    ui/
  app/
  pages/

Плюсы:

• Масштабируемость
• Четкие границы модулей
• Упрощенный рефакторинг

FSD особенно полезен для больших проектов с долгосрочной поддержкой.