Frontend

Какие паттерны проектирования и принципы качества кода вы используете при разработке на React/TypeScript? Как применяете принципы SOLID во фронтенд-разработке?

Middle+

Selecty

Если у вас объём работы большой, но к сроку релиза никак не успеть — как бы ты поступил или как поступали раньше?

Middle

Рунити

Вы достаточно продолжительное время работаете на последнем месте — почему решили рассмотреть другие предложения?

Как работает сборщик мусора (Garbage Collector) в JavaScript?

const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty<T>(obj: T, key: keyof T) { // Задача типизировать функцию return obj[key] } getProperty(X, 'a') // нет ошибки getProperty(X, 'e') // ошибка ключ 'e' не является ключем для объекта X getProperty({ name: 'Sergey' }, 'name') // нет ошибки getProperty(1, 1) // Ошибка. Первый аргумент должен быть объект (не функция и не примитив)

Middle+

IT One

Какие способы знаешь для организации асинхронного выполнения в JavaScript?

Вы упомянули про UI-kit. Какой компонент был самым сложным или интересным в реализации, какой вызвал наибольший челлендж?

Сервер находится в Калифорнии, мы в Москве. Задержка сигнала — 50 мс в одну сторону, сервер готовит ответ 20 мс. Через какое время после запроса из браузера мы получим первый бит информации?

Блокирует ли CSS рендеринг страницы?

Middle

ОТП Банк

В классовых компонентах есть метод componentWillUnmount. Как реализовать аналог в функциональном компоненте?

Middle

СБЕР

Опишите ваш средний рабочий день в лучшие времена проекта. Какие были члены команды и кто чем занимался?

Задача на TypeScript: корректен ли вызов функции getUsername с объектом типа IUser (собственный интерфейс потребителя), если структура полей совпадает с TUser из библиотеки? Объясните принцип структурной типизации.

Middle

ОТП Банк

Реализуй функцию фильтрации дубликатов за линейное время O(n) без использования Set, используя объект как хэш-таблицу.

Что такое семантическая вёрстка и зачем она нужна? Приведи пример.

Встречали ли эту задачу ранее? Какое математическое свойство использовали, когда решили проверять кратность 15 вместо одновременной кратности 3 и 5?

Как проверялся Pixel Perfect — прям пиксель в пиксель или примерно?

Можно ли использовать индекс массива как key в React? Почему не рекомендуется?

Как можно оптимизировать рендеринг списка из 10 000 элементов без пагинации?

Объект передаётся из родительского компонента в дочерний через пропсы и кладётся в зависимости useMemo. Сколько раз отработает useMemo? Как оптимизировать, чтобы useMemo пересчитывался только один раз?

Как сделать глубокое копирование объектов в JavaScript?