You want to add a new feature to reset the counter state to zero using actions and reducers. Which of these is the best way to implement the reset action and update the reducer accordingly?

hard📝 Application Q15 of 15

Angular - State Management

AAdd <code>case 'reset': state.count = 0; return state;</code> directly in reducer without action

Define <code>const reset = createAction('reset');</code> and add <code>case 'reset': return { count: 0 };</code> in reducer

CDefine <code>const reset = createAction('reset', () => 0);</code> and return 0 in reducer

DUse <code>dispatch({ type: 'reset', count: 0 })</code> and ignore reducer changes

Step-by-Step Solution

Solution:

Step 1: Define the reset action properly
Use createAction with a string type 'reset' to define the action.
Step 2: Update reducer to handle reset
Add a case for 'reset' that returns a new state object with count set to 0, ensuring immutability.
Final Answer:
Define const reset = createAction('reset'); and add case 'reset': return { count: 0 }; in reducer -> Option B
Quick Check:
Action + reducer case resets state immutably [OK]

Quick Trick: Create action and return new state in reducer [OK]

Common Mistakes:

Mutating state directly in reducer
Ignoring reducer update for new action
Misusing createAction with payload function

Master "State Management" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

Want More Practice?

15+ quiz questions · All difficulty levels · Free

Free Signup - Practice All Questions

More Angular Quizzes

You want to add a new feature to reset the counter state to zero using actions and reducers. Which of these is the best way to implement the reset action and update the reducer accordingly?

Step 1: Define the reset action properly

Step 2: Update reducer to handle reset

Final Answer:

Quick Check:

Want More Practice?