Frontend

Расскажи про event loop: для чего нужен, как работает

Параметры в функцию передаются по ссылке или по значению?

// Promise.resolve() // .then(() => console.log(1)) // // .then(() => console.log(2)) // // Promise.resolve() // .then(() => console.log(11)) // // .then(() => console.log(22)) //

Что такое React Reconciliation? Как работает? По каким критериям React решает обновить или перемонтировать компонент?

Что такое рекурсия? Какие у неё правила? Для чего нужна?

Расскажи про call stack: как работает, в какой последовательности выполняются задачи

Что делает useMemo? Когда его использовать? Нужно ли оборачивать дочерний компонент в React.memo?

/** * Написать компонент который будет получать пользователя по {{userId}} и выводить основные данные * Для запроса использовать fetchUser */ export const User: FC<Props> = ({ userId }) => { // Write your solution here: const user = userId && fetchUser({ id: userId }); if (!user) return null; return ( <div className="stack column"> <div>UserId: </div> <div>UserName: </div> </div> ); };

Приходилось ли настраивать CI/CD?

Middle+

Аэрофлот

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

Middle

ОТП Банк

Посмотри на макет формы (поля имя, почта, адрес, кнопки). Что здесь не так с точки зрения дизайна и UX?

В чём разница между display:inline и display:inline-block?

Есть массив строк, представляющих номера пунктов иерархического нумерованного списка (например: '1', '1.1', '1.2', '1.10', '2', '2.1'). Нужно отсортировать их в правильном порядке, как в документе, используя стандартную функцию sort с callback-функцией.

Задача на React (3 подзадачи): 1) Починить форму редактирования пользователя — при клике на имя пользователя в списке, имя должно подставляться в input формы редактирования. 2) Форма редактирования не должна перерендериваться при вводе текста в поле поиска (оптимизация с React.memo). 3) При выборе пользователя из списка поле поиска должно сбрасываться.

Middle+

Т-Банк

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

Почему в реализации promiseAll нужно опираться на счётчик count, а не просто проверять длину массива результатов?

Middle+

Т-Банк

С фокусом на поддержку и развитие — какие подходы помогли соблюсти ожидания от продукта, чтобы он был развиваемым и поддерживаемым? Что выбрали по архитектуре и почему?

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

Что увидит обычный пользователь, если вставить данную вёрстку в чистый HTML-документ? (внешний div с красной рамкой на всю ширину, высотой 100px, внутри квадрат 100x100 с зелёными границами)

Расскажи о своём опыте работы