Співбесіда Angular охоплює впровадження залежностей, RxJS, change detection і TypeScript — фреймворк суворий, тому питання перевіряють, чи розумієте ви його механіку. Нижче — найчастіші з еталонними відповідями. Junior: базова теорія, визначення та прості практичні кейси.
В Angular ієрархічне дерево інжекторів: запит залежності піднімається від інжектора компонента до кореневого. Провайдер пояснює інжектору, як створити токен — через useClass, useValue, useFactory або useExisting. Реєстрація сервісу в root дає синглтон на весь застосунок; реєстрація на компоненті створює новий екземпляр на кожен екземпляр компонента, і саме так стан обмежують рамками фічі.
Promise — це одне майбутнє значення, яке починає виконуватись негайно і не може бути скасоване. Observable — потік із нуля або більше значень, лінивий до підписки, скасовуваний через відписку і перетворюваний операторами на кшталт debounce, retry чи switchMap. Для HTTP-запитів практична вигода у скасуванні: підказка в пошуку може відкинути попередній запит, доки користувач продовжує друкувати.
Change detection обходить дерево компонентів після подій, таймерів або HTTP-відповідей і перемальовує змінені привʼязки. Default перевіряє кожен компонент на кожному циклі. OnPush перевіряє компонент лише коли змінилося посилання у вхідній властивості, всередині сталася подія або async pipe видав значення — тому OnPush вимагає імутабельних даних: зміна обʼєкта на місці не змінює посилання, і подання не оновиться.
map перетворює кожне значення, що надійшло. switchMap і mergeMap розгортають вкладений observable: switchMap скасовує попередню внутрішню підписку при надходженні нового значення, mergeMap виконує всі паралельно. switchMap беруть для пошуку або навігації, де важливий лише останній результат, mergeMap — коли кожен запит зобовʼязаний завершитися, а concatMap — коли важливий порядок.
Конструктор виконується при створенні екземпляра класу, до того як Angular заповнив вхідні привʼязки, тому там вхідні властивості ще undefined. ngOnInit виконується після першого проходу привʼязок, і саме туди належить ініціалізація, що залежить від входів. За домовленістю конструктор лише приймає впроваджені залежності, а реальну підготовку робить ngOnInit.
Template-driven форми будують модель неявно з директив у шаблоні й підходять для простих випадків. Reactive форми описують FormGroup у класі компонента, завдяки чому валідація, динамічні контроли й тестування стають явними та типобезпечними. Reactive рекомендують за замовчуванням для всього складнішого за форму логіну, бо стан форми живе в коді, де про нього можна міркувати.
На співбесіді ти говориш вголос під тиском. Кем поставить ті самі питання, оцінить кожну відповідь і покаже, що саме підтягнути.
Пройти інтерв'ю Junior Angular Frontend →