Frontend

Какие фазы есть у событий в браузере (всплытие и погружение)? Как остановить всплытие? Как предотвратить действие по умолчанию?

Middle

ОТП Банк

Что такое useCallback, что он делает и когда его стоит использовать?

Middle+

СБЕР

Какие ещё React-хуки знаете? Расскажите про useRef, useReducer, useCallback, useMemo, useContext.

Middle

X5 tech

Code review: перед тобой кусок кода из продакшена. Найди проблемы и предложи улучшения. Будет ли React.memo выполнять мемоизацию корректно, если в пропсах передаются функции и объекты?

Сколько пользователей у нас будет? Нужна ли SEO-оптимизация? Нужна ли локализация? Какие метрики нужно собирать?

Middle+

Т-Банк

Что происходит при вводе URL в браузере? Опишите процесс от DNS-запроса до отрисовки страницы.

Вся команда была русскоязычная? Были ли контакты с бизнесом напрямую?

function createRateLimiter(limit, interval) {} // Тесты const limiter = createRateLimiter(2, 100); let count = 0; const fn = () => { count++ console.log(count) }; limiter(fn); // count = 1 limiter(fn); // count = 2 limiter(fn); // Игнор (лимит 2/100ms) setTimeout(() => limiter(fn), 150); // count = 3 (прошло >100ms)

Как работает механизм Change Detection в Angular?

Виртуализация списков — зачем нужна и как реализуется?

Как синхронизировать две вкладки браузера через localStorage? Расскажи про событие storage.

Middle

Simbirsoft

Ты работал в офисе или удалённо на последних местах работы?

Почему думаешь уходить с текущего места работы?

Senior

СБЕР

API response может содержать ошибку, которая должна отображаться пользователю рядом с соответствующим полем.

Назови специфичность CSS-селекторов в порядке увеличения приоритета.

// Given a set of two-dimensional points, compute a bounding box area. // Для заданного набора двумерных точек вычислите площадь ограничивающего прямоугольника. type Points = Array<[number, number]>; const getBoundingBoxArea = (points: Points) => { };

Async/await часто называют синтаксическим сахаром над промисами. Как вы понимаете это выражение? Что значит 'синтаксический сахар'?

Middle

СБЕР

На что вы обращаете внимание при проведении код-ревью?

Middle+

Аэрофлот

Как именно типизировать список с пагинацией? Как использовать пересечение типов для разных вариантов ответа?

Как у вас была организована работа с задачами? Откуда они спускались, были ли менеджеры?