Angular

Архітектура Angular

Smart vs presentational components, feature modules, core modules, shared modules, monorepo з Nx, структура папок

22 питань зі співбесід·
Senior
1

Яка основна різниця між smart component і presentational component?

Відповідь

Smart components (або container components) керують бізнес-логікою, викликами API та станом застосунку через сервіси або state management. Presentational components зосереджуються лише на відображенні й отримують дані через @Input, генеруючи події через @Output. Таке розділення покращує тестованість і повторне використання компонентів.

2

Яка основна перевага використання presentational components?

Відповідь

Presentational components є дуже придатними для повторного використання, оскільки не залежать від сервісів чи конкретної бізнес-логіки. Вони отримують усі дані через @Input і взаємодіють через @Output, тож їх легко тестувати з mock-даними та використовувати у різних контекстах. Такий підхід також сприяє застосуванню стратегії OnPush для оптимізації продуктивності.

3

Що таке feature module в Angular?

Відповідь

Feature module — це модуль Angular, який інкапсулює конкретну бізнес-функцію застосунку (наприклад, керування користувачами, кошик). Він містить усі компоненти, сервіси, директиви та pipe'и, потрібні для цієї функції. Feature module можна завантажувати лениво для покращення продуктивності, і вони сприяють масштабованій модульній архітектурі.

4

Яка роль Core Module в архітектурі Angular?

5

Чому Core Module імпортується лише один раз у AppModule?

+19 питань зі співбесід

Інші теми співбесід Angular

Основи TypeScript

Junior
25 запитань

TypeScript просунутий

Junior
20 запитань

Основи Angular

Junior
20 запитань

Компоненти та життєвий цикл

Junior
20 запитань

Services & Dependency Injection

Junior
20 запитань

Організація модулів Angular

Mid-Level
22 запитань

Angular CLI

Junior
18 запитань

Директиви та Pipe

Mid-Level
22 запитань

Маршрутизація та навігація

Mid-Level
24 запитань

Реактивні форми

Mid-Level
26 запитань

Template-driven форми

Mid-Level
16 запитань

Основи RxJS

Mid-Level
22 запитань

Оператори RxJS

Mid-Level
24 запитань

HttpClient і виклики API

Mid-Level
22 запитань

Базове керування станом

Mid-Level
20 запитань

Change Detection

Mid-Level
20 запитань

Angular Signals

Mid-Level
20 запитань

Standalone Components

Mid-Level
18 запитань

Модульні тести в Angular

Mid-Level
22 запитань

End-to-End тестування

Mid-Level
18 запитань

Build і оптимізація

Mid-Level
20 запитань

Основи NgRx

Senior
24 запитань

Просунутий NgRx

Senior
24 запитань

Оптимізація продуктивності

Senior
22 запитань

Безпека та найкращі практики

Senior
20 запитань

Просунуті патерни RxJS

Senior
22 запитань

Angular Universal та SSR

Senior
20 запитань

Angular Micro-frontends

Senior
20 запитань

Опануй Angular для наступної співбесіди

Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.

Почни безкоштовно