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

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

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

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

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

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