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

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

В записи показан технический этап реального frontend-собеседования. Кандидат рассказывает об опыте с FSD, Module Federation, микрофронтендами, тестами и UI-kit, затем отвечает на вопросы о SSR и гидрации, рендеринге в браузере, размере бандла, мониторинге, CSS-in-JS, CORS, CSP и DOM-событиях. В live coding он реализует таймер и дорабатывает его: после завершения отсчёта нужно запросить и отобразить данные с состоянием загрузки. В финале обсуждаются Virtual DOM, причины ререндеров, React-хуки и вопросы кандидата о команде, стеке и условиях работы.

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

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

• Серверные компоненты React не имеют прямого доступа к браузерным API; клиентские хуки и интерактивность требуют клиентской границы.
• При SSR браузер получает HTML, а гидрация связывает его с клиентским JavaScript; недетерминированные значения при рендеринге могут вызвать hydration mismatch.
• Code splitting, lazy loading, tree shaking и контроль тяжёлых зависимостей помогают уменьшать объём клиентского JavaScript.
• Разрешения CORS задаёт сервер заголовками, а локальный dev-proxy позволяет избежать кросс-доменных запросов в браузере во время разработки.
• Для вложенной интерактивной кнопки может понадобиться event.stopPropagation(), чтобы её клик не сработал также на родительской карточке.