СОБЕСЕДОВАНИЕ НА FRONTEND РАЗРАБОТЧИКА ЗП 220К LIVE CODING

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

Автор заявляет, что проходит реальное техническое собеседование на frontend-разработчика: сначала решает задачу на обработку массива, затем отвечает на вопросы по JavaScript, React и TypeScript. Собеседующий уточняет и поправляет ответы о CORS, контексте стрелочных функций, Event Loop, React-хуках и типизации. В конце разбирается TypeScript-задача на типобезопасный доступ к свойствам объекта через generics и keyof.

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

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

• В задаче на массивы нужно отфильтровать непросроченные записи, упорядочить их по order, объединить результаты, убрать повторы и сформировать строку; в разговоре используются Array.prototype.flat и Set.
• Проверяются ES6-возможности: optional chaining, rest и spread, nullish coalescing, шаблонные строки, Array.prototype.at и глубокое копирование.
• При ответе о CORS собеседующий уточняет, что разные порты считаются разными origin и запросу требуется разрешение со стороны сервера.
• Для стрелочных функций call, apply и bind не меняют this: они берут лексический контекст внешней области видимости.
• В Event Loop после выполнения макрозадачи очередь микрозадач обрабатывается до перехода к следующей макрозадаче; это разбирается на примере Promise и setTimeout.
• В React изменение ref.current само по себе не запускает ререндер, а отложенные setState-колбэки могут использовать замкнутое устаревшее значение; обсуждается функциональная форма обновления состояния.
• В TypeScript обсуждают разницу any и unknown, а также generic-типизацию функции с ключами объекта через keyof.