I am writing this story to explain how to use ngrx store in angular app in simplest way using sample To Do App with step by step approach.
We will be using ngrx v4+ libraries (at time of writing version used is 5.1.0), it has dependency on:
If you are using older versions of ngrx, please refer this migration guide. Most notably — ‘@ngrx/core’ no longer required and should be removed. The payload property is removed from Action interface. Though this story was written at time Angular 5 was available as latest version, this is applicable to Angular 6/7 and latest ngrx store or effects as well.