Співбесіда Angular охоплює впровадження залежностей, RxJS, change detection і TypeScript — фреймворк суворий, тому питання перевіряють, чи розумієте ви його механіку. Нижче — найчастіші з еталонними відповідями. Senior: архітектуру, трейд-офи, менторство та прийняття рішень.
Найближче до місця використання: сигнал у компоненті для локального, сервіс із сигналами для стану однієї фічі, і повноцінний стор — лише коли один стан пишуть багато фіч і потрібна простежуваність змін. Брати NgRx за замовчуванням — платити бойлерплейтом на кожному екрані; взятися надто пізно — платити рефакторингом, коли баги вже про розсинхронізацію стану.
Виміряти, яка фаза повільна — початкове завантаження, виявлення змін чи конкретна взаємодія, — бо лікується це по-різному. Для завантаження: ліниві маршрути, аналіз бандла і видалення залежностей, імпортованих цілком. Для виявлення змін: OnPush, trackBy на списках і винесення дорогої роботи з геттерів, які викликаються на кожній перевірці. Геттер у шаблоні виконується значно частіше, ніж очікують.
Запускати ng update за розкладом, а не пачкою: Angular постачає схематики міграції, які працюють лише версія за версією. Триматися ідіом фреймворку — ламається саме власна абстракція над роутером чи формами. Застарівання оголошують за версію вперед, тому база, що оновлюється щорелізу, ламких змін майже не бачить.
За фічами, у кожної свої маршрути, компоненти й сервіси, плюс спільний шар, яким фічі користуються і який про них нічого не знає. Напрям задавати правилами лінтера, а не домовленістю: домовленість програє. Перевірка — чи можна видалити фічу одним комітом; якщо ні, її меж ніколи й не було.
Дає перше відмальовування з вмістом і сторінку, яку краулер читає, не виконуючи JavaScript. Коштує сервера, що рендерить на кожен запит, кодової бази, яка не сміє чіпати window під час рендеру, і багів гідратації, де сервер і клієнт розходяться. Для авторизованого дашборда він зазвичай не дає нічого, тому рішення ухвалюється на маршрут.
На співбесіді ти говориш вголос під тиском. Кем поставить ті самі питання, оцінить кожну відповідь і покаже, що саме підтягнути.
Пройти інтерв'ю Senior Angular Frontend →