Вернуться в видеотеку

Мок-интервью по React с AI-инструментами

Практическое React-интервью, где кандидат создаёт интерфейс для готового API с помощью кодингового ассистента. Собеседующие обсуждают планирование, роутинг, типы, i18n, фильтрацию и тестирование.

Источник: Саня об IT

Открыть на YouTube

Таймлайн

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

Запись показывает современный формат практического фронтенд-собеседования, в котором кандидату разрешено использовать кодингового ассистента. После вводной кандидат получает задачу сделать работающий интерфейс поверх уже запущенного API. По ходу работы участники обсуждают план разработки, порядок инициализации проекта, типы, роутинг и архитектуру компонентов. Кандидат реализует первую версию интерфейса, получает промежуточную обратную связь и дорабатывает решение. Во второй части рассматриваются переключение языка, переход на i18next, параметры фильтрации в URL и подходы к feedback loop и тестированию. В конце собеседующие обсуждают сильные стороны решения и что стоило проверить глубже.

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

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

  • До реализации согласовать результат задачи и границы готового API.
  • Продумать типы, роутинг и структуру проекта на этапе планирования.
  • Использовать i18next для полноценной локализации вместо ручного переключения строк.
  • Синхронизировать параметры фильтрации с URL запроса.
  • Проверять результат итерациями и использовать обратную связь для доработки интерфейса.

Рекомендуем посмотреть

1:27:09
FrontendMiddle

Техническое собеседование frontend-разработчика: React и TypeScript

Запись двух фрагментов реального технического собеседования frontend-разработчика в крупный российский банк. Кандидат обсуждает загрузку и рендеринг страниц, API-контракты, REST и GraphQL, а в практических задачах разбирает React-эффекты и обработчики событий, повторные fetch-запросы, event loop JavaScript и conditional types TypeScript; во второй части проводит code review и проектирует useResize.