What are ngrx reducers and how do they work?

What are ngrx reducers and how do they work?

Ngrx reducers are pure functions in Angular that manage state changes in response to actions. They take the current state and an action, and return a new state.

Can you give me an example of a simple ngrx reducer?

Sure! Here's a simple counter reducer:

function counterReducer(state = 0, action) {
  switch (action.type) {
    case 'INCREMENT':
      return state + 1;
    case 'DECREMENT':
      return state - 1;
    default:
      return state;
  }
}

How do I combine multiple reducers in ngrx?

You can combine multiple reducers using the combineReducers function from ngrx. For example:

import { combineReducers } from '@ngrx/store';

const rootReducer = combineReducers({
  counter: counterReducer,
  // other reducers
});

What are the best practices for writing reducers?

Some best practices include keeping reducers pure, using switch statements for clarity, and avoiding side effects.