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

React: мок-собеседование на Middle Frontend-разработчика с AI-инструментами

Экспериментальное мок-собеседование на вымышленную Middle Frontend-вакансию в Cloud Tools. Кандидат со стажировочным опытом отвечает на вопросы о React, Redux Toolkit, API, SSR и Git, а в лайвкодинге с разрешёнными AI-инструментами собирает календарь задач и разбирает сгенерированный код.

Источник: SIBERIA CAN CODE 🧊 - Frontend

Открыть на YouTube

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

Запись стрима с экспериментальным мок-собеседованием: интервьюер поясняет, что вакансия и компания Cloud Tools вымышлены, а предполагаемый уровень — Middle. После самопрезентации кандидата разговор охватывает Redux и Flux, Immer, RTK Query, JWT и refresh-токены, React hooks и рендеринг, SPA, SSR/SSG и SEO, оптимизацию бандла, Git flow и code review. Во второй части кандидат с помощью AI-агента собирает прототип календаря с задачами, после чего пытается провести ревью получившегося кода. В финальном фидбеке интервьюер относит фактический уровень кандидата скорее к Junior и рекомендует укрепить базу, проектирование и самостоятельную практику.

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

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

  • Для Redux Toolkit полезно уметь объяснить поток данных: dispatch action → reducer → state в store → UI, а также роль Immer при иммутабельных обновлениях.
  • Важно различать useEffect и useLayoutEffect; если новое состояние зависит от предыдущего, используйте функциональный updater.
  • SSR рендерит страницу на сервере во время запроса, а SSG создаёт статические страницы при сборке; browser-only API вроде localStorage недоступны на сервере.
  • Оптимизацию SPA стоит начинать с анализа бандла и загрузок, затем при необходимости применять code splitting, lazy loading, удаление лишних зависимостей, кеширование и CDN.
  • AI-агент может ускорить прототипирование, но его код нужно ревьюить: проверять границы ответственности компонентов, структуру данных и необходимость выбранных библиотек.

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

52:26
FrontendSenior

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

Запись реального технического собеседования на frontend-позицию уровня middle/senior. Кандидат отвечает на вопросы о React, менеджерах состояния, TypeScript и HTTP, а в лайвкодинге разбирает drag-and-drop без библиотек и расчёт медианы массива. В финале обсуждаются опыт работы с React/TypeScript, Next.js, Redux Toolkit, запросами и библиотеками графиков.

1:22:57
FrontendMiddle

Frontend: два технических собеседования

Две записи реальных технических frontend-собеседований. В первой части проверяют HTML/CSS, JavaScript, React и TypeScript; во второй обсуждают React 18/19, рендеринг, рефакторинг компонента, дженерики, стейт-менеджеры и сборщики. Во втором разговоре кандидат уточняет детали проекта Инвитро.