Angular ngrx-store Tutorial - Action, Reducer, Selector

Опубликовано: 12 Ноябрь 2024
на канале: Genka
19,738
341

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: https://stackblitz.com/github/tamani-...
Github: https://github.com/tamani-coding/angu...

(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