Вернуться в каталог собеседований

Техническое собеседование Frontend-разработчика

Запись технического этапа реального найма frontend-разработчика на Middle/Senior-позицию: команда проверяет опыт с React, CSS, TypeScript, потоковыми обновлениями данных, авторизацией и большими таблицами.

Направление
Frontend
Формат
Техническое собеседование
Грейд
Senior
Длительность
1:16:17
Даниил Maximum
  • Опубликовано на YouTube:
  • Просмотры на YouTube: 4 тыс.
  • Лайки на YouTube: 93
Открыть на YouTube

Таймлайн

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

После вступления HR просит кандидата рассказать об опыте и мотивации, а команда знакомит его с React-админкой для мониторинга сетевого оборудования. В технической части обсуждаются БЭМ и CSS-in-JS, дженерики TypeScript, WebSocket, SSE, хранение токенов и прав, а также виртуализация, пагинация, сортировка и фильтрация крупных наборов данных. Затем кандидат задаёт команде вопросы о продукте, процессах и ожиданиях от нового frontend-разработчика; в финале собеседующие дают ему положительный устный фидбек.

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

ReactJavaScriptTypeScriptCSSCSS-in-JSWebSocketSSEREST APIАутентификацияАвторизацияУправление состоянием ReactВиртуализация списковПагинацияФильтрация данныхСортировка

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

  • Для больших таблиц виртуализация сокращает число DOM-узлов, но пагинацию, фильтрацию и сортировку обычно стоит выполнять на сервере.
  • SSE подходит для постоянного потока данных от сервера к клиенту; WebSocket нужен, когда требуется двунаправленный канал.
  • React Error Boundary не обрабатывает ошибки асинхронных HTTP-запросов: для них нужны явные состояния загрузки и ошибки.
  • Права можно хранить в общем состоянии интерфейса для показа элементов, но окончательную авторизацию обязан проверять сервер.
  • HttpOnly-cookie уменьшает риск кражи токена через XSS, но требует продуманной защиты от CSRF.

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