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

Frontend-собеседование Middle/Senior с live coding

Реальное техническое собеседование на frontend-позицию в Купибилет. После знакомства с продуктом и командой кандидат рассказывает об опыте с микрофронтендами и отчётами, затем отвечает на вопросы по React и JavaScript и решает задачи с live coding. В финале обсуждают Git, форматы изображений, вопросы к работодателю и обратную связь HR.

Направление
Frontend
Формат
Собеседование
Компания
Купибилет
Грейд
Senior
Длительность
1:42:53
Даниил Maximum
  • Опубликовано на YouTube:
  • Просмотры на YouTube: 6,6 тыс.
  • Лайки на YouTube: 155
Открыть на YouTube

Таймлайн

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

Запись показывает технический этап найма frontend-разработчика в Купибилет. Интервьюеры рассказывают о продукте, стеке и вакансиях, после чего кандидат разбирает свой опыт. Техническая часть охватывает Virtual DOM, ключи React, useId, ререндеры, React.memo и useCallback, замыкания, this, мемоизацию функций, форматы изображений и Git. Есть live coding на поиск лишних ререндеров и реализацию кэширующей функции. После интервью автор отдельно объясняет применение key для сброса Error Boundary и сохранения состояния, а в конце приводит HR-фидбэк: кандидата не выбрали из-за предполагаемой оверквалификации для доступных задач.

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

ReactJavaScriptTypeScriptReduxМикрофронтендыReact reconciliationМемоизацияGitЛайвкодинг

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

  • Для key в списках используйте стабильный идентификатор из данных: Math.random() создаёт новый ключ на каждом рендере и сбрасывает состояние элемента.
  • useId не предназначен для генерации ключей списка; он нужен для согласованных идентификаторов, например в связях доступности.
  • Оптимизируйте ререндеры после измерения: React.memo полезен при стабильных props, а для обработчиков может потребоваться useCallback.
  • В кэше мемоизированной функции проверяйте наличие ключа, а не истинность результата: 0, false и пустая строка могут быть валидными значениями.
  • Сменяйте key вне списка только намеренно: это перемонтирует компонент, что может сбросить Error Boundary, но также сбросит его локальное состояние.

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