Вернуться в видеотекуСобеседование front-end junior
Разбор собеседования frontend junior с вопросами по React, React Native, состоянию, тестированию и Git. Во второй половине кандидат вслух решает алгоритмическую задачу и задачи на порядок рендеринга React.
- Направление
- Frontend
- Формат
- Мок-собеседование
- Грейд
- Junior
- Длительность
- 35 мин
Коротко о видео
Видео оформлено как собеседование frontend-разработчика уровня junior: кандидат рассказывает о примерно годе работы, переходе от обучения и небольших проектов к React и React Native. Интервьюеры спрашивают о RTK Query, Zustand, хуках React, TypeScript, производительности, тестах, мобильной разработке, Git-процессе и офлайн-хранении данных. В финале кандидат решает задачу на построение строковой «лесенки» и две задачи на порядок рендеринга React-компонентов, включая влияние React.memo.
Затронутые темы
Что взять на заметку
- Кандидат описывает стек React/React Native; RTK Query, по его ответу, используют для запросов, состояний loading/error, кэширования и инвалидации данных.
- Глобальное состояние, по словам кандидата, ранее хранили в Zustand; обычные хуки React дополняли кастомными, включая useDebounce и useDebouncedState.
- В обсуждении производительности кандидат приводит собственный пример ускорения первого рендера мобильного лендинга примерно на 10 пунктов метрики после переработки компонента.
- Тестами на проекте, по словам кандидата, покрывают главным образом важные функции через Jest; интервью отдельно затрагивает ценность тестов при рефакторинге чужого кода.
- Для React Native рассматриваются запуск в эмуляторе, консольная отладка, ограниченный офлайн-режим и сохранение части данных в локальном хранилище устройства.
- Обсуждаемый Git-процесс включает feature-ветки, автоматическую сборку и выкладку на тестовый сервер; отдельно разбираются назначение git stash и риск потерять незакоммиченные изменения.
- Практические вопросы проверяют умение пошагово разбирать циклы и границы условий, а также понимать синхронный порядок вызовов React-компонентов, повторный рендер при изменении state и мемоизацию React.memo.