В чем идеология FSD

«В чем идеология FSD» — вопрос из категории Архитектура, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

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

  1. Слои:

    • app - инициализация приложения
    • processes - бизнес-процессы (аутентификация, корзина)
    • features - фичи (комментарии, лайки)
    • entities - бизнес-сущности (пользователь, товар)
    • shared - переиспользуемый код (UI-кит, утилиты)
  2. Изоляция: Каждый слой может зависеть только от слоев ниже

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

src/
  features/
    cart/
      ui/      # компоненты
      model/   # логика
      lib/     # утилиты
  entities/
    product/
      ui/
      model/

Преимущества: масштабируемость, изолированность фич, понятная структура для больших проектов.