Собес frontend middle 2500$

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

Архивная запись технического собеседования Frontend/React-разработчика: сначала обсуждают процессы работы с дизайном и UI Kit, затем проверяют знания React, производительности, SSR, TypeScript и CSS. Кандидат объясняет свой подход к профилированию, виртуализации списков, React Context, серверному рендерингу и оптимизации лишних рендеров; в конце выполняет устную задачу по оптимизации React-приложения. Завершает видео разговор о гибкости в команде и ответ интервьюера о выборе Next.js и CSS-инструментов.

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

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

• При неполном макете кандидат предлагает сначала запросить решение у дизайнера; временный вариант можно выложить на стенд только при малой стоимости изменений.
• Для расширения UI Kit описан процесс merge request в его репозиторий, ревью профильными разработчиками и доработка компонента до стандартов библиотеки.
• В ответе про производительность названы Chrome Performance, метрики TTI/First Paint/First Contentful Paint, проверка сетевых запросов, размера файлов и состава модулей.
• Кандидат связывает ускорение больших списков с виртуальным скроллом: рендерится ограниченное число DOM-узлов, а высоты элементов оцениваются с запасом и уточняются во время прокрутки.
• В практической React-задаче сначала предлагается мемоизировать дорогое вычисление Fibonacci через useMemo, затем разбираются лишние обновления потребителей Context.
• Обсуждение CSS затрагивает sticky footer через flex-раскладку, различие position: fixed и position: sticky, а также проблему скачка вёрстки при скрытии полосы прокрутки.
• Интервьюер объясняет выбор Next.js накопленным опытом команды и тем, что он закрывает большинство задач; это позиция интервьюера, а не универсальное правило.