Вернуться в видеотеку

Frontend: два технических собеседования

Две записи реальных технических frontend-собеседований. В первой части проверяют HTML/CSS, JavaScript, React и TypeScript; во второй обсуждают React 18/19, рендеринг, рефакторинг компонента, дженерики, стейт-менеджеры и сборщики. Во втором разговоре кандидат уточняет детали проекта Инвитро.

Источник: Миша - Frontend Dev

Открыть на YouTube

Таймлайн

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

Автор собрал две записи реальных frontend-интервью. В первой кандидат отвечает на вопросы про iframe и форматы изображений, CSS-процессинг, область видимости и контекст JavaScript, прототипы, HTTP, React, TypeScript и SOLID. Во второй обсуждают React 18/19, рендеринг и Error Boundaries, рефакторинг компонента с обработчиками кликов и затратными вычислениями, а также дженерики, Redux Toolkit, MobX, Zustand, Webpack и Vite. В финале автор сообщает о положительном фидбэке и приглашении на следующий этап.

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

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

  • Для обмена данными с iframe используйте postMessage с проверкой origin и учитывайте риски clickjacking.
  • Не применяйте React.memo, useMemo и useCallback автоматически: сначала найдите причину лишних рендеров с помощью профилирования.
  • В useEffect удаляйте глобальные обработчики в cleanup; в длинных списках при необходимости используйте делегирование событий.
  • unknown требует сужения типа перед использованием, any отключает проверки, а never описывает недостижимое завершение или исчерпанный вариант.
  • Оптимистичные обновления уместны там, где временный откат не критичен; обработку ошибки и откат состояния нужно проектировать заранее.

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

1:21:53
FrontendMiddle

Техническое собеседование middle/senior frontend-разработчика

Запись реального технического собеседования на frontend-позицию в Райффайзен Банке. Интервьюеры проверяют JavaScript, TypeScript, HTML/CSS, Git и React; кандидат решает задачи на калькулятор, типизацию User/Admin и рекурсивное дерево с раскрытием вложенных узлов. В конце обсуждаются команда, онбординг и развитие в банке.

1:16:06
FrontendSenior

Собеседование Frontend-разработчика: HTML, React и алгоритмы

Техническое интервью на Frontend/React-позицию уровня Middle+/Senior в неназванной финтех-компании: HTTP/CORS/WebSocket, HTML и accessibility, CSS, JavaScript/TypeScript, React и SEO/SSR. В live coding разбираются Event Loop, поиск максимальной прибыли по курсам валют и утечка памяти из-за обработчиков событий.

52:26
FrontendSenior

Техническое собеседование frontend-разработчика: React и drag-and-drop

Запись реального технического собеседования на frontend-позицию уровня middle/senior. Кандидат отвечает на вопросы о React, менеджерах состояния, TypeScript и HTTP, а в лайвкодинге разбирает drag-and-drop без библиотек и расчёт медианы массива. В финале обсуждаются опыт работы с React/TypeScript, Next.js, Redux Toolkit, запросами и библиотеками графиков.