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

Question 1

How do you handle SSR hydration mismatch errors using ngSkipHydration?

Accepted Answer

**Target Audience:** Developers who hit NG0500 hydration errors from a component they cannot easily rewrite. **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 example was AOT-compiled with ngc, rendered with renderApplication (Angular 22.2.3) and hydrated in jsdom, with and without ngSkipHydration; every

Question 2

Standalone bootstrapApplication — how does Angular bootstrap without NgModules in 2025?

Accepted Answer

**Target Audience:** Developers who can bootstrap an app and now want to explain what happens underneath, for senior interviews or for debugging startup problems. **Difficulty:** Medium to Hard > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. The sequence below was read from the installed Angular 22.2.3 source (bootstrapApplication in @angular/platform-browser, internalCreateApplication and bootstrap

Question 3

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 4

How do you handle internationalization (i18n) in Angular?

Accepted Answer

**Target Audience:** Angular developers who need to ship an app in more than one language; no localisation experience assumed. **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 command and output in sections 4 to 6 was run with Angular CLI 22.2.3 on Node 24 in a copy of a fresh ng new app with SSR prerendering enabled, offline.

Question 5

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 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 security vulnerabilities in Angular apps, and how does DomSanitizer prevent XSS?

Accepted Answer

**Target Audience:** Angular developers preparing for security questions; no security background assumed. **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. Sections 4 and 5 quote output from running both examples on Angular 22.2.3 (the first in AOT and playground modes, identical output). The CSP, XSRF and SSR findings came from a CLI 22.2.3 buil

Question 8

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 9

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

Accepted Answer

**Target Audience:** Engineers designing a large Angular front end split across several teams, and anyone asked a front-end architecture question in a senior interview. **Difficulty:** Hard > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. For this answer a real remote and host were generated and built with @angular-architects/native-federation 22.2.2 on Angular CLI 22.2.3, and the remote's exposed component was loaded with Native Fede

Question 10

How does SSR hydration work in Angular — non-destructive hydration and mismatches?

Accepted Answer

**Target Audience:** Developers who have SSR running and want to understand, and fix, hydration errors. **Difficulty:** Hard > **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. All output was produced on Angular 22.2.3 by rendering each example with renderApplication and hydrating the result in jsdom with bootstrapApplication. jsdom uses a real

ANGULARDECODED.

Medium

How do you handle SSR hydration mismatch errors using ngSkipHydration?

Standalone bootstrapApplication — how does Angular bootstrap without NgModules in 2025?

afterRender vs afterNextRender vs ngAfterViewInit — which to use?

How do you handle internationalization (i18n) in Angular?

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

How do you optimize images in Angular using NgOptimizedImage?

Hard

What are security vulnerabilities in Angular apps, and how does DomSanitizer prevent XSS?

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

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

How does SSR hydration work in Angular — non-destructive hydration and mismatches?

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?

What is Angular Universal / SSR?

Why use Renderer2 instead of direct DOM access?