Frontend: собеседование Junior-разработчика с live coding

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

Стрим начинается с беседы о резюме кандидата, его стажировке и устройстве командной разработки. Затем интервьюеры проверяют понимание React и TypeScript на задаче о полиморфной кнопке со ссылкой, обсуждают CSR, SSR, SSG, реакции приложения на ответы 401, 403 и 500, GraphQL, RTK Query и Redux Toolkit. В практической части кандидат пишет Redux-счётчик и пытается объяснить работу прототипов; после этого интервьюеры разбирают пробелы в знаниях JavaScript и содержании резюме.

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

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

• Соотносите резюме с темами, которые можете объяснить и применить: интервьюеры подробно проверяют технологии, заявленные кандидатом.
• Для переиспользуемого React-компонента разделяйте визуальный вариант и нативный атрибут type кнопки. Типы должны учитывать разные свойства ссылки и button.
• Различайте стратегии рендеринга: CSR создаёт интерфейс в браузере, SSR отдаёт HTML с сервера с последующей гидратацией, а SSG генерирует страницы на этапе сборки.
• Обрабатывайте 401 централизованно: попытайтесь обновить сессию и повторить запрос, а при неуспехе завершите сессию и направьте пользователя на вход. Для 403 покажите отсутствие прав, а для 5xx сообщите о сбое без раскрытия внутренних деталей.
• Повторите основы JavaScript: цепочку прототипов, области видимости и hoisting. var имеет функциональную область видимости и поднимается с начальным значением undefined, а let и const блочно ограничены и до инициализации находятся в temporal dead zone.