[Solved] Examine this effect code:saveData$ = createEffect(() => this.actions$.pipe( ofType('SAVE_DATA'), switchMap(action => this.api.save(action.payload)), map(() => ({ type:... | Angular

Angular - State Management

Examine this effect code:

saveData$ = createEffect(() => this.actions$.pipe(
  ofType('SAVE_DATA'),
  switchMap(action => this.api.save(action.payload)),
  map(() => ({ type: 'SAVE_SUCCESS' }))
))

What is a potential issue with this effect assuming api.save returns an observable?

AIt dispatches an action without a payload

BIt uses switchMap instead of mergeMap

CIt does not handle errors from the API call

DIt listens to the wrong action type

Step-by-Step Solution

Solution:

Step 1: Analyze error handling
The effect calls api.save but does not catch errors, so failures will not dispatch failure actions.
Step 2: Evaluate other options
Using switchMap is valid here; dispatching an action without payload is acceptable if no data is needed; action type is correct.
Final Answer:
It does not handle errors from the API call -> Option C
Quick Check:
Always handle errors in effects to avoid silent failures. [OK]

Quick Trick: Effects must handle API errors to dispatch failure actions. [OK]

Common Mistakes:

Ignoring error handling in effects
Assuming switchMap is always wrong
Expecting payload in success action unnecessarily

Master "State Management" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

More Angular Quizzes

Examine this effect code:

Step 1: Analyze error handling

Step 2: Evaluate other options

Final Answer:

Quick Check:

Want More Practice?