Встречается на собеседованиях • сегодня

Какие знаешь основные методы FSD

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

  1. Слои (Layers)
    Разделение кода на слои: app, processes, features, entities, shared.
    Пример структуры:
    text
    src/
    ├── app/          # Инициализация приложения
    ├── processes/    # Бизнес-процессы
    ├── features/     # Фичи (логика страниц/виджетов)
    ├── entities/     # Базовые сущности (User, Product)
    └── shared/       # Общие утилиты, UI-кит
  1. Изоляция модулей
    Каждый модуль самодостаточен (стили, API, компоненты внутри).

  2. Public API
    Экспорт только нужного через index.ts, чтобы избегать глубоких импортов.
    Пример:

    ts
    // features/profile/index.ts
    export { ProfileCard } from './ui/ProfileCard';
  3. Cross-слои
    Запрет на импорты "вверх" (например, features не могут импортировать processes).

  4. Тестирование
    Тесты пишутся рядом с модулем (*.test.ts).

FSD улучшает масштабируемость и поддерживаемость кода.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы