NgRx Actions and Reducers

NgRx Actions and Reducers — a practical guide to NgRx actions reducers with clear examples you can reuse in real projects.

Angular Tutorial Series (85/119). Prefer one article? Read the complete Angular tutorial.

Short description

Keep reducers pure — no HTTP inside reducers.

Action tip

export const loadItems = createAction('[Items] Load');
export const loadItemsSuccess = createAction(
  '[Items] Load Success',
  props<{ items: Item[] }>()
);