Разбор технического интервью Frontend Developer

Разбор frontend-собеседования о производительности браузера, Swagger, тестировании, Redux-Saga и React live coding.

Направление: Frontend
Формат: Техническое собеседование
Компания: 2ГИС
Грейд: Middle
Длительность: 1:01:51

Источник: Тихон Галактионов

Таймлайн

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

После авторского вступления следует техническое интервью кандидата на frontend-направление. Он рассказывает о микрофронтендах, Module Federation, SSR, UI kit и OpenAPI-контрактах. Интервьюеры уточняют метрики FCP, LCP и TTI, гидрацию, Redux-Saga, unit-тесты и React Testing Library. В live coding кандидат ревьюит и дорабатывает React-приложение с запросом даты из API, обработкой загрузки и ошибок, useEffect, resize и рендерами. В финале он задаёт вопросы о процессах команды, релизах, дежурствах и инцидентах.

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

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

Различать FCP, LCP и TTI как метрики пользовательской производительности.
Объяснять, что проверяет React Testing Library.
Обосновывать применение Redux-Saga для асинхронных сценариев.
Использовать функциональное обновление state, когда оно зависит от предыдущего значения.
Выделять отдельный React-компонент при росте ответственности корневого компонента.

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

46:31

FrontendSenior

Собеседование frontend-разработчика с live coding

Запись технического интервью на frontend-вакансию Middle+/Senior. Кандидат разбирает задания по JavaScript: всплытие и делегирование событий, ссылки, области видимости, event loop, Promise, замыкания и контекст this. Затем обсуждаются React, причины ререндеров и проектирование поиска с debounce, состояниями загрузки и ошибок и отменой устаревших запросов. В конце кандидат задаёт вопросы о процессах команды.

СберТехническое собеседование

43:02

FrontendMiddle

Реальное frontend-интервью с задачами на Middle/Senior

Основная запись — техническое frontend-собеседование в команде Сбера: кандидат решает задачи на агрегацию заказов и обход дерева, объясняет подход к useDebounce и отвечает на вопросы о React. После неё автор добавляет короткий фрагмент другого технического интервью с вопросами по JavaScript и frontend-архитектуре.

СберТехническое собеседование

1:02:13

FrontendMiddle

Реальное frontend-интервью с вопросами о React и live coding

Запись реального технического этапа frontend-собеседования: кандидат обсуждает опыт с FSD и Module Federation, отвечает на вопросы о React, SSR, браузерном рендеринге, тестировании, CORS и CSP, а затем решает задачи в live coding.

Собеседование