Q: How does the @defer block work and what triggers are available?

**Target Audience:** Developers who know what @defer is and need to choose and combine triggers correctly. **Difficulty:** Medium > **How to read this doc:** Ideas are explained in plain language first, then tagged with 📌 Interview term: so you also learn the words an interviewer listens for. The trigger timeline in section 4 came from running the example on Angular 22.2.3 in both verifier modes (AOT with ngc , and playground JIT) with a script that waits,

Q: What are functional HTTP Interceptors in modern Angular, and how do you register them?

**Target Audience:** Developers who have used HttpClient and want to add cross-cutting HTTP behaviour the modern way — no prior interceptor knowledge needed. **Difficulty:** Easy to Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary an interviewer listens for. Every output, ordering claim and error message below was produced by compiling the example with ngc (strict templates) on Angular 22.2.3 and

Question 1

What are components and modules in Angular?

Accepted Answer

**Target Audience:** Anyone preparing for an Angular interview — assumes basic TypeScript classes, no Angular required. **Difficulty:** Easy > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary an interviewer expects. Every output and error message quoted below was produced by compiling the code with ngc (strict templates) on Angular 22.2.3 and running it. ## 1. Why This Even Matters — A Story First Think of a restaur

Question 2

What are standalone components?

Accepted Answer

**Target Audience:** Developers preparing for an Angular interview who know what a component is and have seen, or heard of, NgModules. **Difficulty:** Easy > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Everything under a "Verified" heading was compiled with ngc on Angular 22.2.3 and run; the lazy-loading log in section 5 came from a real provideRouter setup. ## 1. Why This Even Matters — A Story First Picture packing

Question 3

How do functional interceptors work with provideHttpClient()?

Accepted Answer

**Target Audience:** Developers who can already write a basic interceptor and want to understand the chain well enough to debug ordering problems. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. The internals described here were read from the installed @angular/common 22.2.3 source, and every ordering claim was produced by running instrumented interceptors (compiled with ngc, booted in jsdom with a

Question 4

How do functional route guards and lazy loadComponent work in modern Angular?

Accepted Answer

**Target Audience:** Developers using standalone components and lazy routes who want to know exactly what downloads when — assumes you know [route guards](/interview-question/what-are-route-guards-in-angular) and [lazy loading](/interview-question/how-does-routing-and-lazy-loading-work-in-angular). **Difficulty:** Medium to Hard > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Every "loader called" line below was printed by a real loader function

Question 5

How do you optimize initial bundle size using Route Preloading with custom strategies?

Accepted Answer

**Target Audience:** Developers responsible for start-up performance in a real Angular app — assumes [lazy loading](/interview-question/how-does-routing-and-lazy-loading-work-in-angular) and the basics of [preloading strategies](/interview-question/what-are-preloading-strategies). **Difficulty:** Hard > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. The bundle tables in section 3 were produced with ng build on Angular CLI 22.2.3. The

Question 6

How does the @defer block work and what triggers are available?

Accepted Answer

**Target Audience:** Developers who know what @defer is and need to choose and combine triggers correctly. **Difficulty:** Medium > **How to read this doc:** Ideas are explained in plain language first, then tagged with 📌 Interview term: so you also learn the words an interviewer listens for. The trigger timeline in section 4 came from running the example on Angular 22.2.3 in both verifier modes (AOT with ngc, and playground JIT) with a script that waits,

Question 7

What is the difference between Observables and Promises?

Accepted Answer

**Target Audience:** Anyone preparing for an Angular interview who has used async/await — assumes basic JavaScript, no RxJS required. **Difficulty:** Easy to Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Every ordering claim below was produced by running a Node script against RxJS 7.8.2, and the component example was compiled with ngc on Angular 22.2.3 and clicked in jsdom. Execution order is the to

Question 8

What are functional HTTP Interceptors in modern Angular, and how do you register them?

Accepted Answer

**Target Audience:** Developers who have used HttpClient and want to add cross-cutting HTTP behaviour the modern way — no prior interceptor knowledge needed. **Difficulty:** Easy to Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary an interviewer listens for. Every output, ordering claim and error message below was produced by compiling the example with ngc (strict templates) on Angular 22.2.3 and

Question 9

How has the Angular build changed with esbuild + Vite (ng build / ng serve)?

Accepted Answer

**Target Audience:** Developers who know Angular apps but not the build tooling underneath the [CLI](/interview-question/what-does-the-angular-cli-provide); useful before an upgrade from webpack-era projects. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. All terminal output below was produced by running Angular CLI 22.2.3 on a fresh ng new app (one lazy route added) under Node 24: ng build,

Question 10

How do you optimize images in Angular using NgOptimizedImage?

Accepted Answer

**Target Audience:** Angular developers fixing image-related performance problems: slow Largest Contentful Paint, layout shift, oversized downloads. **Difficulty:** Medium > **How to read this doc:** Ideas are explained in plain language first, then tagged with 📌 Interview term: so you also learn the words an interviewer listens for. The attributes in section 4 were read from the DOM after running the example on Angular 22.2.3 (AOT and playground modes, identical output); the erro

ANGULARDECODED.

Easy

What are components and modules in Angular?

What are standalone components?

Medium

How do functional interceptors work with provideHttpClient()?

How do functional route guards and lazy loadComponent work in modern Angular?

How do you optimize initial bundle size using Route Preloading with custom strategies?

How does the @defer block work and what triggers are available?

What is the difference between Observables and Promises?

What are functional HTTP Interceptors in modern Angular, and how do you register them?

How has the Angular build changed with esbuild + Vite (ng build / ng serve)?

How do you optimize images in Angular using NgOptimizedImage?

Hard

How do you handle micro-frontend architecture in Angular using Module Federation?

Signals signal()/computed()/effect() vs RxJS — when do you use which in Angular 18+?

Deferrable views — prefetch strategies and dependency isolation with @defer?

How do you dynamically create components?

What are Angular Signals?

What are preloading strategies?