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

Основные идеи FSD:

Фичи как основа структуры: каждая фича содержит всё необходимое для своей работы — компоненты, логику, стили.
Ясные границы: минимизация связей между фичами, что облегчает поддержку и масштабирование.
Уровни вложенности: фичи могут содержать подфичи, что помогает организовать сложные модули.

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

src/
  entities/    # бизнес-сущности
  features/    # функциональные возможности
  shared/      # общие компоненты и утилиты
  widgets/     # составные UI-блоки

FSD помогает создавать масштабируемые и поддерживаемые приложения, особенно в больших командах.

Знаком ли ты с Feature-Sliced Design (FSD)?