Собеседование frontend-разработчика:
вопросы и ответы.

Дайте определение в одну фразу — функция сохраняет доступ к переменным внешней области видимости — и сразу переходите к практике: обработчики событий, дебаунс, приватное состояние в модуле. Пример из своего кода убедительнее теории.

Микрозадачи (промисы) выполняются раньше макрозадач (setTimeout) в пределах одного цикла. Проговорите порядок: синхронный код → очередь микрозадач целиком → одна макрозадача → снова микрозадачи.

Назовите причины: изменение состояния или пропсов, перерендер родителя, новая ссылка на объект или функцию в пропсах. Из инструментов — React DevTools Profiler, memo, useMemo, useCallback. Подчеркните: сначала измерить, потом оптимизировать.

Controlled хранит значение в состоянии React и обновляется через onChange; uncontrolled — в DOM, значение читают через ref. Скажите, когда каждый вариант уместен: сложные формы с валидацией против простых одиночных полей.

Идите от измерения: Lighthouse, вкладка Performance. Затем меры по убыванию эффекта: code splitting и ленивая загрузка, оптимизация изображений, кеширование, критический CSS, уменьшение бандла. Покажите, что понимаете разницу между LCP, INP и CLS.

Браузер ограничивает кросс-доменные запросы; сервер разрешает их заголовком Access-Control-Allow-Origin. Упомяните preflight-запросы OPTIONS для «непростых» методов и типичную ошибку: чинить CORS на фронтенде, когда настройка нужна на сервере.

Порядок: inline-стили, id, классы и атрибуты, теги. Добавьте современный контекст: CSS-переменные, :where и :is, слои @layer. Практический пример конфликта стилей из опыта покажет, что вы этим реально пользовались.

Generics сохраняют связь типов между входом и выходом функции. Простой пример: типизированная обёртка над fetch или функция first<T>(arr: T[]). Упомяните ограничения через extends.

Разделите состояние на серверное (React Query, SWR), глобальное клиентское (Redux, Zustand) и локальное (useState). Главный тезис: не тащить всё в глобальный стор, а выбирать инструмент под тип данных.

Структура STAR: контекст, ваша роль, шаги отладки, результат. Для фронтенда хорошо звучат баги про гонки запросов, кеширование или различия браузеров — они показывают глубину, а не случайность находки.