РЕАЛЬНОЕ JS собеседование Frontend TeamLead

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

Видео построено как собеседование на роль Frontend TeamLead: кандидат сначала обсуждает опыт командной работы, выбор стека, процессы, KPI и качество кода. В технической части разбирают JavaScript-функции и `this`, Event Loop, Promise и `async/await`, затем React, state management, Virtual DOM и хуки. Кандидат формулирует собственные подходы к CI/CD, ESLint, ревью и тестированию, а в нескольких вопросах прямо отмечает, что не помнит детали работы `this` при `new` и обработки ошибок в `async/await`.

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

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

• Для роли TeamLead стоит уметь распределить задачи и ожидания по уровням: джунам — небольшие задачи и онбординг, мидлам — прогнозируемое выполнение задач, сеньорам — архитектурные и инициативные изменения.
• Нужно аргументированно описывать инженерный контур команды: CI/CD с ESLint и проверками, кросс-ревью со старшим ревьюером и документированные правила, которые нельзя автоматизировать.
• Кандидат предлагает тестировать прежде всего бизнес-логику и общие компоненты, а не покрывать тестами всю вёрстку; на техдолг в его практике выделяли около 20% спринта.
• Для масштабной фронтенд-команды он рассматривает Next.js как способ унифицировать React-подходы, а микрофронтенды — только при признаках масштабной проблемы: взаимном блокировании команд и длинном релизном цикле.
• Нужно уверенно объяснять различия function declaration, function expression и стрелочных функций, включая hoisting, лексический `this`, а также `call`, `apply`, `bind` и вызов через `new`.
• Ключевая техническая тема интервью — порядок выполнения синхронного кода, микрозадач и макрозадач в Event Loop, а также эффект бесконечных очередей на отзывчивость страницы.
• При подготовке к JavaScript важно отдельно отработать Promise API (`then`, `catch`, `finally`, `resolve`, `reject`) и обработку ошибок в `async/await`; в этой части кандидат отвечал неуверенно.
• По React стоит уметь связать Virtual DOM и reconciliation с минимизацией изменений реального DOM, а `useCallback` и `useMemo` — со стабильностью ссылок на props и предотвращением лишних ререндеров.