Angular Web Framework Angular Professional Development 4

Question 1

In Angular's NgRx state management, what is the correct order of the data flow?

Accepted Answer

Component → Action → Effect → Reducer → Store → Selector → Component

Answer

NgRx follows: Component dispatches Action → Effects handle async side effects → Reducer updates Store → Selectors derive data back to Component.

Question 2

Which Angular schematic command migrates an existing module-based app to use standalone components?

Accepted Answer

ng generate @angular/core:standalone

Answer

Running `ng generate @angular/core:standalone` triggers the official Angular schematic to automatically convert NgModule-based code to standalone APIs.

Question 3

What Angular feature enables deferred loading of a component only when it becomes visible in the viewport?

Accepted Answer

@defer (on viewport)

Answer

Angular 17's `@defer (on viewport)` block renders content lazily once the placeholder enters the browser viewport.

Question 4

In Angular Universal (SSR), what is the purpose of `TransferState`?

Accepted Answer

Pass pre-fetched data from the server render to the client to avoid duplicate HTTP requests

Answer

`TransferState` serializes data fetched on the server into the HTML, allowing the client to reuse it without making the same HTTP request again.

Question 5

Which zone.js-free approach can be used in Angular 16+ to notify the framework of a data change for change detection?

Accepted Answer

Writing to a Signal, which automatically schedules a check

Answer

Angular signals automatically schedule change detection when their value is updated, enabling zone-free, fine-grained reactivity.

Angular Web Framework Practice Test

Angular Web Framework Practice Test

Angular Web Framework Angular Professional Development 4