Какие вопросы задают на собеседовании в Сбер (frontend, middle_plus)?

Question

Маяк · Accepted Answer

1. Как ты следишь за чистотой кода с помощью программ/инструментов?
2. Чем Prettier отличается от ESLint?
3. Представь, ты в большой команде, есть правила написания кода, но не все их используют. Как бы ты настроил это на уровне проекта, чтобы в мастер попадали только проверенные коммиты?
4. Был ли у тебя опыт настраивать CI/CD?
5. У тебя задача — откатить коммит с помощью git. Как бы ты это сделал?
6. А если нужно откатить конкретный коммит по его id так, чтобы он перезатёр текущие изменения?
7. Знаешь, что такое Critical Rendering Path? Расскажи по порядку стадии.
8. Есть ли что-то, что блокирует Critical Rendering Path?
9. Что можно отслеживать с помощью медиазапросов?
10. Кроме ширины экрана что ещё можно отслеживать медиазапросами?
11. В чём принципиальная разница между нативными CSS-переменными и переменными в препроцессорах?
12. Для чего нужны data-атрибуты?
13. Использовал ли где-нибудь data-test-id?
14. Можно ли хранить какие-нибудь серьёзные данные в data-атрибутах?
15. Какой тип данных возвращает Promise.resolve()?
16. Какие есть виды копирования массивов?
17. Чем отличается глубокое копирование от поверхностного?
18. Как можно реализовать глубокое копирование нативно?
19. Как копирует конструкция JSON.parse(JSON.stringify())?
20. Использовал ли throttle или debounce? Чем они отличаются?
21. Где на практике ты использовал debounce и throttle?
22. В чём разница между throttle и debounce одним предложением?
23. На какой технологии/конструкции JavaScript построены throttle и debounce?
24. Что такое замыкание и как оно работает?
25. Когда можно использовать замыкание в React (где использовал на практике)?
26. В чём разница между function expression и function declaration?
27. Чем отличаются обычные и стрелочные функции?
28. Расскажи про Event Loop — что это и как работает?
29. Какие есть примеры макро- и микрозадач?
30. Есть div-контейнер с onClick, который переходит на localhost1, внутри него лежит ссылка <a> с href на localhost2. Куда ты попадёшь при клике на ссылку и почему?
31. Что такое событийная модель в JavaScript и как она работает (фазы события)?
32. Можно ли как-то остановить всплытие события?
33. Как отменить дефолтное поведение события?
34. Чем отличаются stopPropagation и preventDefault?
35. Знаешь ли какие-нибудь шаблоны проектирования?
36. Что такое KISS и как он помогает в React?
37. Что такое прототипы в JavaScript?
38. Что такое прототипная цепочка и как идёт поиск свойства?
39. Назови все хуки React, которые ты использовал.
40. Зачем нужен useLayoutEffect и чем он отличается от useEffect?
41. Как работает массив зависимостей в useEffect?
42. setState асинхронный или синхронный?
43. Что такое батчинг (batching) в React?
44. Почему с учётом батчинга setState всё-таки асинхронный?
45. Что такое reconciliation в React?
46. Какой это алгоритм (название/сложность) и на каких предположениях он основан?
47. Когда нужно использовать useCallback на практике?
48. Как перенести жизненный цикл с функциональных компонентов на классовые и наоборот? Какие аналоги методов жизненного цикла в функциональных компонентах?
49. Есть родительский компонент с useEffect (пустые зависимости) и console.log(1), внутри дочерний компонент с таким же useEffect и console.log(2). В каком порядке выведутся логи и почему?
50. Что такое Redux и как он работает?