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: Why does @for require track and how does @empty improve UX?

**Target Audience:** Developers using @for who want to understand what track really does, and how to choose it, beyond "the compiler makes me". **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Every DOM-reuse count, warning message and rendered output below was produced on Angular 22.2.3 by compiling the code with ngc (strict templates), running it in jsdom, and tagging DOM nodes so reu

Question 1

What is the difference between computed() signals and standard method/getter calls in templates?

Accepted Answer

**Target Audience:** Developers who call methods in templates and want to know when it matters — assumes signals and basic change detection. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Every call count below was produced by compiling the examples with ngc on Angular 22.2.3, running them in jsdom and clicking through them; both examples also passed the playground mode, so you can run them here. ## 1. Why Th

Question 2

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 3

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 4

What is the purpose of updateOn in Reactive Forms?

Accepted Answer

**Target Audience:** Developers using reactive forms who want to control how often validation and valueChanges run. **Difficulty:** Easy to Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. The timings in section 5 were produced by compiling the example with ngc on Angular 22.2.3, booting it in jsdom, and firing input, blur and submit events from a driver, then reading each con

Question 5

Why does @for require track and how does @empty improve UX?

Accepted Answer

**Target Audience:** Developers using @for who want to understand what track really does, and how to choose it, beyond "the compiler makes me". **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Every DOM-reuse count, warning message and rendered output below was produced on Angular 22.2.3 by compiling the code with ngc (strict templates), running it in jsdom, and tagging DOM nodes so reu

Question 6

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

Question 7

What are Deferrable Views (@defer) and how do they work in Angular 17+?

Accepted Answer

**Target Audience:** Angular developers who know components and want to cut the initial bundle without restructuring routes. **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 runnable example was compiled with ngc (strict templates) and also run in playground mode on Angular 22.2.3, then clicked by a script; the error-state and c

Question 8

What is the purpose of the KeyValueDiffers and IterableDiffers services?

Accepted Answer

**Target Audience:** Developers who know inputs and lifecycle hooks and have hit "my child component did not notice the change" — no knowledge of Angular internals needed. **Difficulty:** Hard > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary an interviewer expects. Every change report and error message below was produced by compiling and running the code on Angular 22.2.3; which built-ins use differs was read from the 22.2.3

Question 9

How does change detection work in Angular?

Accepted Answer

**Target Audience:** Anyone preparing for an Angular interview — assumes you have written a component or two, no knowledge of Angular internals required. **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. Every count, DOM snapshot and error message below was produced by compiling and running the code on Angular 22.2.3; the defaults were read from

Question 10

What is Zone.js, how does it monkey-patch browser APIs, and how do you build a Zoneless Angular application?

Accepted Answer

**Target Audience:** Developers who have heard "Zone.js" and "zoneless" and want to know what actually happens underneath, plus anyone planning a migration — comfortable with callbacks and promises, no Zone.js knowledge needed. **Difficulty:** Hard > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary an interviewer expects. The patching facts and hook order were printed by running code against zone.js 0.16.3 with Angular 22.2.3; the

ANGULARDECODED.

Medium

What is the difference between computed() signals and standard method/getter calls in templates?

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 purpose of updateOn in Reactive Forms?

Why does @for require track and how does @empty improve UX?

How do you optimize images in Angular using NgOptimizedImage?

Hard

What are Deferrable Views (@defer) and how do they work in Angular 17+?

What is the purpose of the KeyValueDiffers and IterableDiffers services?

How does change detection work in Angular?

What is Zone.js, how does it monkey-patch browser APIs, and how do you build a Zoneless Angular application?

What is zoneless Angular and how does it improve performance in Angular 18?

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

How do you implement custom routing strategies by extending RouteReuseStrategy?

What is the critical render path and how does Angular handle font and style optimization?