[Solved] Given this reducer snippet:const initialState = { count: 0 }; function counterReducer(state =... } }What will be the state after dispatching { type: 'increment' } twice starting from initial state? | Angular

Angular - State Management

Given this reducer snippet:

const initialState = { count: 0 };
function counterReducer(state = initialState, action) {
  switch(action.type) {
    case 'increment':
      return { count: state.count + 1 };
    case 'decrement':
      return { count: state.count - 1 };
    default:
      return state;
  }
}

What will be the state after dispatching { type: 'increment' } twice starting from initial state?

A{ count: 0 }

B{ count: 2 }

C{ count: 1 }

D{ count: -2 }

Step-by-Step Solution

Solution:

Step 1: Analyze reducer behavior for 'increment'
Each 'increment' action adds 1 to the current count.
Step 2: Apply two increments starting from 0
0 + 1 = 1 after first increment, then 1 + 1 = 2 after second increment.
Final Answer:
{ count: 2 } -> Option B
Quick Check:
Two increments = count 2 [OK]

Quick Trick: Add 1 per 'increment' action to count [OK]

Common Mistakes:

Counting only one increment
Confusing decrement with increment

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

Given this reducer snippet:

Step 1: Analyze reducer behavior for 'increment'

Step 2: Apply two increments starting from 0

Final Answer:

Quick Check:

Want More Practice?