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

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

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

Направление
Frontend
Формат
Техническое собеседование
Компания
Инвитро
Грейд
Middle
Длительность
1:22:57
Миша - Frontend Dev
  • Опубликовано на YouTube:
  • Просмотры на YouTube: 9,2 тыс.
  • Лайки на YouTube: 180
Открыть на YouTube

Таймлайн

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

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

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

HTMLCSSPostCSSJavaScriptПрототипы JavaScriptHTTPReactReact HooksОптимизация ReactTypeScriptRedux ToolkitMobXZustandWebpackViteSOLID

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

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

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