РЕАЛЬНОЕ СОБЕСЕДОВАНИЕ С КУЧЕЙ ЗАДАЧ НА MIDDLE/SENIOR FRONTEND РАЗРАБОТЧИКА! ЗП ДО 300К

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

Запись показывает реальное собеседование кандидата на позицию middle frontend-разработчика: алгоритмические задачи сменяются вопросами по JavaScript, React, браузерному рендерингу, архитектуре и процессам разработки. Кандидат разбирает event loop, промисы, мемоизацию, Virtual DOM, Redux Toolkit и практические ошибки React, а также выполняет несколько задач на реализацию функций. В финале команда ВТБ описывает проект автоматизации кредитного анализа; автор сообщает, что получил положительный фидбек и предложение, но позднее отказался от него.

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

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

• Для удаления дубликатов из массива с линейной сложностью обсуждаются Set или Map; при ручной реализации нужно сохранять только впервые встреченные значения.
• При разборе порядка вывода важно отдельно учитывать синхронный код, очередь микрозадач Promise и очередь макрозадач таймеров.
• Promise.all запускает переданные промисы параллельно и завершается ошибкой при первом rejection; Promise.allSettled возвращает статусы всех результатов, Promise.race — первый завершившийся промис, Promise.any — первый успешно выполненный.
• useMemo мемоизирует вычисленное значение, а useCallback — ссылку на функцию; их стоит применять при реальной необходимости, например для зависимостей эффекта или мемоизированных дочерних компонентов.
• Array.prototype.reverse() мутирует исходный массив, поэтому при обновлении состояния React нужна новая ссылка; при перестановке элементов также нельзя полагаться на индексы как на стабильные key.
• Цепочка рендеринга браузера включает построение DOM и CSSOM, render tree, layout, paint и compositing; defer сохраняет порядок выполнения внешних скриптов, а async — нет.
• В описанном проекте ВТБ фронтенд работает на React 17, TypeScript, React Query и styled-components; приложение ориентировано на Chrome и не поддерживает Internet Explorer.