Question

You want to create a feature state slice named 'user' with initial state { name: '', loggedIn: false }. Which is the correct way to define the reducer using NgRx createReducer?

Accepted Answer

const userReducer = createReducer(
  { name: '', loggedIn: false },
  on(login, state => ({ ...state, loggedIn: true })),
  on(logout, state => ({ ...state, loggedIn: false }))
);

Answer

Answer

const userReducer = createReducer(
  on(login, state => ({ ...state, loggedIn: true })),
  on(logout, state => ({ ...state, loggedIn: false }))
);

Answer

const userReducer = createReducer(
  { name: '', loggedIn: false },
  login(state) { return { ...state, loggedIn: true }; },
  logout(state) { return { ...state, loggedIn: false }; }
);

You want to create a feature state slice named 'user' with initial state { name: '', loggedIn: false }. Which is the correct way to define the reducer using NgRx createReducer?

Step 1: Recall createReducer syntax

Step 2: Check immutability in handlers

Step 3: Compare options

Final Answer:

Quick Check:

Want More Practice?