Співбесіда Vue фокусується на системі реактивності, Composition API та звʼязку між компонентами. Нижче — найчастіші питання з еталонними відповідями. Senior: архітектуру, трейд-офи, менторство та прийняття рішень.
За фічами, а не за типами: тека, де лежать компоненти, composable і стор однієї фічі, замість каталогу components із двома сотнями файлів. Спільне виноситься, лише коли воно справді знадобилося другій фічі. Напрям залежностей важливіший за назви тек: фічі можуть використовувати спільне, спільне про фічі знати не має.
Насамперед знайомство команди: обидва здатні на все, і жодне технічне міркування цього не переважить. Далі — однофайлові компоненти і вбудована реактивність означають менше збирання для команди, яка не хоче обирати бібліотеку стану і підхід до стилів. React виграє там, де вирішує ринок найму або наявна бібліотека компонентів.
По компоненту, коли компонент і так правлять: обидва API працюють поруч, дня ікс не потрібно. Спершу виносити composable з логіки, що повторюється по файлах, бо віддача саме там; переведення простого презентаційного компонента не дає нічого. Переписування без продуктової зміни ріжуть першим при зміні пріоритетів.
Міряти його в CI, щоб регресія була видна в пул-реквесті, а не в Lighthouse за пів року. Поділ за маршрутами, динамічні імпорти для важкого і рідко вживаного і уважний погляд на залежності: бібліотека дат чи набір іконок, імпортовані цілком, — звичний сюрприз. Бюджет, що роняє збірку, — те, що змушує все це дотримуватися.
Глибока реактивність на великому обʼєкті: Vue відстежує кожну властивість, і масив у десять тисяч рядків перетворюється на десять тисяч проксі — рятують shallowRef або заморожування даних. Далі спостерігачі, що запускають одне одного, і ланцюги computed такої глибини, що одна зміна перераховує дерево. Загальна вебпродуктивність усе одно важливіша, але саме це профайлер повісить на фреймворк.
На співбесіді ти говориш вголос під тиском. Кем поставить ті самі питання, оцінить кожну відповідь і покаже, що саме підтягнути.
Пройти інтерв'ю Senior Vue Frontend →