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

Question

Маяк · Accepted Answer

1. Работали ли с iframe? Знаете ли, что это такое?
2. Какие плюсы и минусы работы и использования iframe?
3. В чём разница между картинкой, заданной тегом img, картинкой SVG, и что такое Base64?
4. Если изображение мы получаем с сервера, как преобразовать формат получаемого изображения в такой, чтобы отобразить его с помощью тега img?
5. Работали с препроцессорами/постпроцессорами CSS? Расскажите, что это и для чего используется.
6. var, let, const — в чём их главное различие?
7. Что такое IIFE (immediately invoked function expression)?
8. Для чего обычно используют IIFE?
9. Если внутри IIFE определить переменную через const, будет ли эта переменная видна вне данной функции?
10. Что такое контекст (this) в JavaScript?
11. Расскажите поподробнее про методы bind, call и apply.
12. Что произойдёт, если написать три bind подряд? Перезапишет ли следующий bind первый контекст?
13. Какие есть методы массивов, которые не мутируют массив?
14. Что такое прототипы в JavaScript? Расскажите про __proto__ и prototype.
15. Что стоит в самом начале цепочки прототипов?
16. Есть объект с двумя полями. Как получить именно собственные ключи объекта, а не ключи его прототипа?
17. Какие ещё есть методы у объектов (помимо Object.keys)?
18. Почему для перебора объекта используется for...in, а не for...of? Зачем нужен hasOwnProperty внутри цикла?
19. Можем ли мы каким-нибудь образом добавить свой метод в прототип объекта (Object.prototype)?
20. Что использовали ранее для HTTP-запросов, как писали запросы?
21. Какие есть методы HTTP-запросов?
22. Чем PUT и PATCH отличаются?
23. Что такое Virtual DOM, для чего он нужен и как идёт сравнение с обычным DOM-деревом?
24. Что произойдёт, если мы двум элементам напишем два одинаковых ключа (key)?
25. Назовите методы жизненного цикла классового компонента и хуки функциональных компонентов, которые им соответствуют.
26. Что используется в функциональных компонентах при размонтировании компонента?
27. Использовал ли useLayoutEffect на личной практике?
28. В чём разница между useEffect и useLayoutEffect?
29. Как оптимизировать приложение на функциональных компонентах: какие методы можно использовать, чтобы максимально уменьшить перерендеры?
30. В чём разница useMemo и useCallback, когда что необходимо использовать?
31. Как ещё можно оптимизировать код в контексте React, не используя useMemo, useCallback и memo?
32. Что такое useRef и для чего он используется?
33. Что такое управляемые и неуправляемые компоненты в React?
34. Использовал ли React Profiler? Расскажи, что это и как этим пользоваться (в сравнении с браузерным профайлером).
35. Работал ли когда-нибудь с порталами в React? Для чего они используются?
36. Почему мы просто не напишем модальному окну z-index: 1000000 вместо использования портала?
37. Что такое prop drilling?
38. Расскажи про Context API в React: что это и какие у него минусы?
39. У нас есть контекст и стейт-менеджеры — где что лучше использовать?
40. Не считаешь ли ты, что Redux немного раздут и не соблюдает принцип DRY?
41. В чём видишь плюсы TypeScript? Нужен ли он вообще на проектах?
42. В чём разница между типами any, void и never (и unknown)?
43. В чём разница между интерфейсами, типами (type) и абстрактными классами в TypeScript?
44. Какие utility types в TypeScript знаешь?
45. Что такое type guard в TypeScript?
46. Знаешь SOLID? Что значит эта аббревиатура?
47. Расскажи пару слов о каждом принципе SOLID.
48. Месяц назад вышел React 19 — что интересного в него добавили?
49. Слышал что-нибудь про useOptimistic? Что это за техника?
50. В каких кейсах ты использовал бы оптимистические обновления?