Вопрос проверяет знание методологии Feature-Sliced Design (FSD) для структурирования React-проектов.
FSD делит проект на слои по бизнес-логике:
App — инициализация, роутинг.
Pages — страницы.
Features — фичи (например, авторизация).
Entities — бизнес-сущности (User, Product).
Shared — UI-кит, утилиты.
Пример структуры:
src/
├── app/ # Инициализация приложения
├── pages/ # Страницы (например, HomePage)
├── features/ # Фичи (например, AuthByPhone)
├── entities/ # Сущности (например, User)
└── shared/ # Общие компоненты (Button, API)Плюсы FSD:
Четкое разделение зон ответственности.
Масштабируемость для больших проектов.
Повторное использование кода.
Вывод:
FSD — это альтернатива Atomic Design, ориентированная на бизнес-логику.