Q: afterRender vs afterNextRender vs ngAfterViewInit — which to use?

**Target Audience:** Developers who have used ngAfterViewInit to touch the DOM and want to know when the newer render hooks are the better choice, especially in apps with server-side rendering. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. The "Verified" blocks were compiled with ngc on Angular 22.2.3 and run in jsdom; the server-side results came from @angular/platform-server

Q: What is ngTemplateOutlet?

**Target Audience:** Developers who know what an ng-template is and want to render one on demand, pass it data, or hand it to a reusable component. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. View-creation logs, rendered output and type-checking behaviour below were produced on Angular 22.2.3 by compiling with ngc (strict templates) and running in jsdom; the API descriptions were read from the

Question 1

Explain how to perform unit testing on components with Signals using TestBed.

Accepted Answer

**Target Audience:** Developers moving component tests from @Input()/@Output() to the signal APIs (input(), model(), output(), computed(), effect()). **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. All results were produced by running the example spec with Angular CLI 22.2.3 (ng test --watch=false, Vitest, the default zon

Question 2

What is ComponentFixtureAutoDetect and how does it affect unit tests?

Accepted Answer

**Target Audience:** Developers maintaining Angular test suites, especially ones migrating Zone-based specs to a zoneless Angular 22 project. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Two workspaces were used, both on Angular CLI 22.2.3 with Vitest: the default zoneless one from ng new, and a copy that loads zone.js 0.16.3 so the Zone behaviour could be run too. Every behaviour below comes from those runs

Question 3

What is the difference between reactive and template-driven forms?

Accepted Answer

**Target Audience:** Anyone preparing for an Angular interview — assumes basic TypeScript and Angular components, no prior forms knowledge. **Difficulty:** Easy > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary interviewers listen for. The log lines in section 5 were produced by compiling the example with ngc (strict templates) on Angular 22.2.3, booting it in jsdom and typing into both forms with a test driver. ##

Question 4

afterRender vs afterNextRender vs ngAfterViewInit — which to use?

Accepted Answer

**Target Audience:** Developers who have used ngAfterViewInit to touch the DOM and want to know when the newer render hooks are the better choice, especially in apps with server-side rendering. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. The "Verified" blocks were compiled with ngc on Angular 22.2.3 and run in jsdom; the server-side results came from @angular/platform-server

Question 5

What is ngTemplateOutlet?

Accepted Answer

**Target Audience:** Developers who know what an ng-template is and want to render one on demand, pass it data, or hand it to a reusable component. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. View-creation logs, rendered output and type-checking behaviour below were produced on Angular 22.2.3 by compiling with ngc (strict templates) and running in jsdom; the API descriptions were read from the

Question 6

How do you test signal components, defer blocks, and new control flow in 2025?

Accepted Answer

**Target Audience:** Developers testing templates written with the modern Angular syntax: signals, @defer, and built-in control flow. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. The title says 2025; everything here was run on the current release, Angular 22.2.3 with CLI 22.2.3 (ng test --watch=false, Vitest + jsdom, zoneless). Deep detail on signal inputs, outputs and effects is on its own page

Question 7

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 8

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 9

What does ChangeDetectorRef do?

Accepted Answer

**Target Audience:** Developers who know what a component is and want to control when its view updates — no internals knowledge assumed. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary an interviewer expects. The method list was read from the Angular 22.2.3 typings, and every DOM snapshot below was produced by compiling and running the example on 22.2.3. ## 1. Why This Even Matters — A Story First Think

Question 10

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

Accepted Answer

**Target Audience:** Developers who have read "zoneless" in release notes and want the real story and the real numbers — familiar with components, no Zone.js internals required. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary an interviewer expects. The version timeline was checked against release coverage and the Angular 22.2.3 typings; bundle sizes come from two real ng build runs with Angu

ANGULARDECODED.

Medium

Explain how to perform unit testing on components with Signals using TestBed.

What is ComponentFixtureAutoDetect and how does it affect unit tests?

What is the difference between reactive and template-driven forms?

afterRender vs afterNextRender vs ngAfterViewInit — which to use?

What is ngTemplateOutlet?

How do you test signal components, defer blocks, and new control flow in 2025?

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

How do you optimize images in Angular using NgOptimizedImage?

Hard

What does ChangeDetectorRef do?

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

What is Angular Universal / SSR?

What is the difference between afterRender and afterNextRender lifecycle hooks?

Why use Renderer2 instead of direct DOM access?

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