ngrx-store is a reactive state management framework for angular. In this video we build a simple example online shop, where the shopping cart is being implemented with ngrx-store. Learn the concept of action, reducer and selector.
Stackblitz:
Github:
(00:00) - Intro
(00:51) - Example Project Setup
(02:19) - Install ngrx-store via npm
(02:23) - Create Actions
(03:05) - Create Reducer
(04:32) - Import and Configure StoreModule
(04:47) - Dispatch Actions
(05:14) - Create Selectors
(06:06) - Select and Observe
(06:49) - Testing
(07:05) - One More (Complex) Selector
(07:37) - Store State in Local Storage with Meta Reducer
(08:50) - End