Angular Professional Development Flashcards
7 cards from real Angular Web Framework practice questions. Tap to flip, then mark Knew It or Still Learning — missed cards come back until you master them.
Read the first 7 Angular Professional Development flashcards as text
In Angular's NgRx state management, what is the correct order of the data flow?
Answer: Component → Action → Effect → Reducer → Store → Selector → Component
NgRx follows: Component dispatches Action → Effects handle async side effects → Reducer updates Store → Selectors derive data back to Component.
Which Angular schematic command migrates an existing module-based app to use standalone components?
Answer: ng generate @angular/core:standalone
Running `ng generate @angular/core:standalone` triggers the official Angular schematic to automatically convert NgModule-based code to standalone APIs.
What Angular feature enables deferred loading of a component only when it becomes visible in the viewport?
Answer: @defer (on viewport)
Angular 17's `@defer (on viewport)` block renders content lazily once the placeholder enters the browser viewport.
In Angular Universal (SSR), what is the purpose of `TransferState`?
Answer: Pass pre-fetched data from the server render to the client to avoid duplicate HTTP requests
`TransferState` serializes data fetched on the server into the HTML, allowing the client to reuse it without making the same HTTP request again.
Which zone.js-free approach can be used in Angular 16+ to notify the framework of a data change for change detection?
Answer: Writing to a Signal, which automatically schedules a check
Angular signals automatically schedule change detection when their value is updated, enabling zone-free, fine-grained reactivity.
When configuring a custom webpack builder in an Angular project, which file is used to extend the default Angular CLI webpack config?
Answer: webpack.config.js at the project root, referenced in angular.json
With `@angular-builders/custom-webpack`, a custom `webpack.config.js` is specified under `customWebpackConfig.path` in `angular.json`.
What is the primary advantage of using `OnPush` change detection strategy in a high-performance Angular application?
Answer: It limits re-renders to when Input references change or events fire, reducing check cycles
`OnPush` tells Angular to skip the component during most change detection cycles, only checking it when its inputs change by reference or it receives an event.