Задачи с собеседований: Event Loop, this, TypeScript, React — разбор

Разбираем реальные задачи с собеседований фронтенд-разработчиков: event loop и порядок микротасков/макротасков, блокировка отрисовки и Web Workers, контекст this, дженерики и продвинутые типы TypeScript, цепочки промисов и рефакторинг React-компонента.

📋 Все задачи с решениями: https://it-ptitsa.buildin.ai/share/4d389c29-38e4-49c3-afd1-7621c92bb2bc

⏱ ТАЙМКОДЫ:
00:00 Event Loop — порядок вывода
05:41 queueMicrotask vs setTimeout
09:51 Два async + await
13:00 await на не-промис
16:50 Блокировка отрисовки: спиннер
27:42 Убираем фриз: чанки
43:00 Web Worker
45:27 Контекст this: методы и стрелки
50:40 Потеря this при отрыве метода
54:13 this в map-колбэке
01:00:00 call / apply / bind
01:07:13 TypeScript: дженерики и Set
01:11:00 getProperty с keyof
01:14:12 Свой Partial / Required / Readonly
01:20:15 Type guard (animal is Cat)
01:27:29 Promise-цепочки: then / catch / finally
01:31:18 throw внутри finally
01:36:55 React: рефакторинг CounterList

💬 Решал иначе? Пиши в комментарии!

#frontend #javascript #typescript #react #eventloop #собеседование #программирование

Видео Задачи с собеседований: Event Loop, this, TypeScript, React — разбор канала АйТи Птица