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

Question

Маяк · Accepted Answer

1. Расскажите, на каких проектах приходилось участвовать и какие технологии там использовались. 2. На проектах это был монолит? Использовались ли микрофронтенды? 3. На чём строились микрофронтенды — на Webpack или какое-то своё решение? 4. Что использовали для обработки форм на проекте Росбанка — свои решения или существующие библиотеки? 5. Что использовали с Redux в качестве middleware — redux-thunk, redux-saga и т.д.? 6. Чем отличается Map (new Map) от обычного объекта в JavaScript? Какие есть особенности? 7. Что такое Event Loop? Расскажите, как работает асинхронность в JavaScript (стек вызовов, куча, очередь колбэков). 8. Что такое каррирование функций? 9. Какие хранилища существуют в браузере (клиентский JavaScript) и в чём их отличия? 10. Что-нибудь слышал про IndexedDB? Что это за хранилище? 11. В чём различия между type и interface в TypeScript? 12. В чём разница между типами any и unknown в TypeScript? 13. Был ли опыт работы с RTK Query? 14. Что нового TypeScript привносит со стороны ООП (классов) по сравнению с JavaScript? 15. Что такое абстрактный класс в TypeScript? 16. Встречался ли MobX на проектах в качестве хранилища состояния? 17. Чем отличается приватный метод (private) от защищённого (protected) в TypeScript? 18. Что значит статичный (static) метод? 19. Что такое utility types в TypeScript? Какие использовал в проектах? 20. Что можешь рассказать про декларации и пространства имён в TypeScript (файлы d.ts)? Как их используешь? 21. Приходилось ли собирать свой пакет общих компонентов/утилитарных функций? Декларации типов генерировал автоматически или описывал вручную? 22. Что такое декораторы в TypeScript? Писал ли свои, использовал ли готовые? 23. Что такое Shadow DOM? Чем он отличается от обычного DOM? 24. Пробовал ли отрисовать React-приложение (вызвать рендер) внутрь закрытого Shadow DOM? Какие особенности там возникнут? 25. Какой подход к вёрстке на CSS предпочитаешь — флексы, гриды, флоаты? 26. Задача: есть div, внутри которого больше 100 параграфов. Как стилизовать каждый четвёртый параграф с конца? 27. Что по поводу медиазапросов? Приходилось ли верстать под телефоны, планшеты? 28. Какие CSS-препроцессоры использовал, с чем сталкивался на проектах? 29. Какие методологии по неймингу классов и идентификаторов применял (например, БЭМ)? 30. PostCSS используете на проектах, например, чтобы поддержать старые браузеры? 31. Что такое виртуальный DOM в React? Как он работает? 32. Как в виртуальном DOM работает портал React (createPortal)? В чём особенности? 33. В чём особенности отрисовки списка, состоящего из фрагментов React (React.Fragment)? 34. Какое обязательное требование предъявляет React при отрисовке списков? 35. Можно ли использовать короткую запись фрагмента (<>) при отрисовке списков? Почему? 36. Что можно сказать про разделение кода и lazy loading в React? Что происходит с чанками и бандлами при его использовании? 37. С какой версией React впервые столкнулся? Застал ли компоненты React на классах? 38. Какой единственный кейс существует сейчас, когда приходится прибегать к классовым компонентам React, и с чем это связано? 39. Как в функциональных компонентах реализовать жизненный цикл классовых компонентов? Чем его заменили? 40. В чём разница между хуками useEffect и useLayoutEffect? 41. Что можешь рассказать про мемоизацию в React (React.memo, useMemo)? 42. В React.memo есть второй необязательный аргумент. Что это за аргумент и для чего он нужен? 43. С какими менеджерами состояния сталкивался помимо Redux? 44. Использовался ли React Context для управления общим состоянием? 45. Что обычно использовали для маршрутизации в SPA-приложениях? 46. С какими версиями react-router приходилось работать и в чём разница между пятой и шестой версиями? 47. Чем отличается nesting (вложенность) маршрутизации в пятой и шестой версиях react-router? Какие изменения произошли в путях? 48. Как построена маршрутизация в Next.js и чем она отличается от react-router? 49. В чём отличие серверных компонентов от клиентских при использовании SSR? В чём вообще цель SSR? 50. Сколько лет работаешь с React?