Frontend-собеседование: JavaScript, браузерный рендеринг и React

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

Запись технического frontend-собеседования на уровень Middle+/Senior. Кандидат отвечает на вопросы по JavaScript, браузерным хранилищам и событиям, CSS, сетевому запросу и рендерингу браузера, TypeScript и React. Затем он разбирает фрагменты React/HTML и CSS-кода: семантику, управление состоянием, зависимости useEffect, ключи списков, специфичность и производительность анимаций. В финале кандидат спрашивает о внутренней банковской платформе, микрофронтендах на single-spa, тестировании и процессах команды.

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

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

• На frontend-интервью стоит уметь объяснять всплытие и погружение событий через порядок обработки события в DOM.
• Этапы rendering pipeline нужно различать: layout вычисляет геометрию, затем следуют paint и composition.
• При разборе React-кода важно отделять данные, которые вызывают перерендер, от производных значений и мутаций состояния.
• Семантический уровень HTML-заголовка выбирают по структуре страницы, а не по внешнему виду элемента.
• Для transition следует явно ограничивать список анимируемых свойств.