Frontend

Что вы рекомендуете коллегам на code review?

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

Расскажи про этапы жизненного цикла React-компонентов

Middle+

IT One

Как типизировать ответ API, если контракт не идеален?

Middle

МТС Банк

Что такое покрывающие индексы и как они помогают?

Родительский компонент использует стратегию OnPush, дочерний — Default. Что происходит с дочерним компонентом при изменениях? В каком направлении идёт проверка change detection — сверху вниз или снизу вверх?

Что такое серверный и клиентский компонент в Next.js? Как объявляется клиентский компонент? Можно ли вкладывать серверный компонент в клиентский и наоборот?

Использовал ли сложные функции в SCSS и полифилы?

Реализовать функцию debounce.

Что знаешь про CSS-селекторы и специфичность?

Middle+

Лига Цифровой Экономики

Насколько тебе приходилось участвовать в деплое, CI/CD, что приходилось делать, какие боли были?

Приходилось ли вам проходить секции по веб-системному дизайну раньше?

Middle+

Т-Банк

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

Насколько приходилось работать с CSS? Знаком ли с Grid Layout?

С какими хуками приходилось работать в функциональных компонентах? Какой самый необычный?

#React signup form 1. Explain how StateProvider works, share your thoughts with interviewer. 2. Take a look at /src/api/mock, explain how it works. 3. Check SubmitButton color and fix it 4. Implement client form validation in Signup component. (\* ) Keep in mind task number 9. Rules: - Username, Email, Password, Repeat Password fields should have at least 6 characters length; - Password should match Repeat Password; - Validation should be done upon "Sign Up" button click; - Fields that have invalid values should be marked (error and helperText props); 6. API response may have an error that should be displayed to user near corresponding field. 7. Make sure that UserName component renders new username after successful submit. 8. Implement the new SignupSuccess component. It should be shown instead of sign up form. 9. Implement server validation for appropriate fields.

Представь ситуацию: у нас падает производительность из-за проблемы в JS-коде. Что ты пойдёшь проверять в профайлере DevTools, чтобы подтвердить или опровергнуть эту гипотезу?

Middle

Wildberries

Что такое ACID? Как работает Atomicity и Isolation в PostgreSQL?

Если бы не NgRx, что бы использовали вместо него?

Расскажите про Event Loop: в каком порядке выполняются синхронный код, микротаски и макротаски?

Middle+

Лига Цифровой Экономики