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

Решал ли какая структура будет в проекте

Обычно структура проекта зависит от его масштаба и используемых технологий. Для React/Vue проектов популярны следующие подходы:

  1. Feature-based (по фичам):
text
src/
  features/
    auth/
      components/
      hooks/
      store/
    profile/
      components/
      api/
  shared/
    ui/
    lib/
    utils/
  1. Layer-based (по слоям):
text
src/
  components/
  pages/
  store/
  api/
  utils/
  1. Atomic Design (для дизайн-систем):
text
src/
  atoms/
  molecules/
  organisms/
  templates/
  pages/

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

  • Группировка по бизнес-логике, а не по типам файлов
  • Изолированные модули с минимальными зависимостями
  • Четкое разделение UI и бизнес-логики
  • Папка shared для переиспользуемых компонентов/утилит

Пример для Next.js:

text
src/
  app/
    (auth)/
      login/
      register/
    (main)/
      dashboard/
  components/
    ui/  # Базовые UI элементы
    shared/ # Переиспользуемые компоненты
  lib/
    api/
    constants/
  styles/
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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