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

Реальные Frontend-собеседования: React и браузер

Две технические секции на frontend-позиции с вопросами о функциональном и объектном подходе, React-компонентах, рендеринге браузера и ref.

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

Открыть на YouTube

Таймлайн

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

Автор показывает две записи реальных собеседований на frontend-позиции уровня middle/senior. В первой секции кандидат отвечает на вопросы о функциональном и объектно-ориентированном подходах, чистых функциях, иммутабельности и устройстве компонентов. Второе собеседование зрители относят к Иртее. Эта часть глубже проверяет фундаментальные знания: сетевое соединение, TLS, построение DOM и CSSOM, render tree, layout, paint и compositing. Участники также обсуждают декомпозицию React-компонентов, вынос логики в state-менеджер или кастомные хуки и сценарии использования ref. Запись полезна как пример разнообразия технических секций и требуемой глубины объяснений.

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

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

  • Объяснять плюсы и цену иммутабельности и чистых функций.
  • Декомпозировать UI на повторно используемые компоненты.
  • Выносить бизнес-логику из компонента в хуки или слой состояния.
  • Знать этапы загрузки и рендеринга страницы в браузере.
  • Понимать ref шире, чем как доступ к DOM-элементу.

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

1:17:29
FrontendJunior

Мок-собеседование Junior Frontend-разработчика: браузер и прототипы

Публичное мок-собеседование Дениса на Junior+ Frontend-позицию. Интервьюеры задают вопросы по HTML/CSS, критическому пути рендеринга, CORS, Git и JavaScript; в практической части кандидат пытается реализовать debounce и React-компонент с добавлением строк. После вопросов ведущие дают обратную связь и обсуждают подготовку к интервью.

50:46
FrontendJunior

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

Повторное мок-собеседование Junior frontend-разработчика Михаила: обсуждают его опыт и резюме, затем проверяют HTML/CSS, JavaScript и React. В live coding он реализует на ванильном JavaScript поиск по списку с debounce; в конце интервьюеры дают развёрнутую обратную связь.