Вернуться в каталог собеседований

Собеседование front-end junior

Разбор собеседования frontend junior с вопросами по React, React Native, состоянию, тестированию и Git. Во второй половине кандидат вслух решает алгоритмическую задачу и задачи на порядок рендеринга React.

FRONTENDIYA - Веб разработка
  • Опубликовано на YouTube:
  • Просмотры на YouTube: 11,5 тыс.
  • Лайки на YouTube: 194
Открыть на YouTube

Таймлайн

Коротко о видео

Видео оформлено как собеседование frontend-разработчика уровня junior: кандидат рассказывает о примерно годе работы, переходе от обучения и небольших проектов к React и React Native. Интервьюеры спрашивают о RTK Query, Zustand, хуках React, TypeScript, производительности, тестах, мобильной разработке, Git-процессе и офлайн-хранении данных. В финале кандидат решает задачу на построение строковой «лесенки» и две задачи на порядок рендеринга React-компонентов, включая влияние React.memo.

Затронутые темы

Что взять на заметку

  • Кандидат описывает стек React/React Native; RTK Query, по его ответу, используют для запросов, состояний loading/error, кэширования и инвалидации данных.
  • Глобальное состояние, по словам кандидата, ранее хранили в Zustand; обычные хуки React дополняли кастомными, включая useDebounce и useDebouncedState.
  • В обсуждении производительности кандидат приводит собственный пример ускорения первого рендера мобильного лендинга примерно на 10 пунктов метрики после переработки компонента.
  • Тестами на проекте, по словам кандидата, покрывают главным образом важные функции через Jest; интервью отдельно затрагивает ценность тестов при рефакторинге чужого кода.
  • Для React Native рассматриваются запуск в эмуляторе, консольная отладка, ограниченный офлайн-режим и сохранение части данных в локальном хранилище устройства.
  • Обсуждаемый Git-процесс включает feature-ветки, автоматическую сборку и выкладку на тестовый сервер; отдельно разбираются назначение git stash и риск потерять незакоммиченные изменения.
  • Практические вопросы проверяют умение пошагово разбирать циклы и границы условий, а также понимать синхронный порядок вызовов React-компонентов, повторный рендер при изменении state и мемоизацию React.memo.

Рекомендуем посмотреть