Angular ngrx-store Tutorial - Action, Reducer, Selector

Показать описание

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.

(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

Рекомендации по теме

Комментарии

Great tutorial, a tip I would give is change the video name or qdd a tag like "Crash course ngrx store" will get more reach 😀

jakeblue

This is the most helpful and well made video on the topic I've found, thank you

dreb.

Really nice and explanatory video. In a very short video, it clears a lot of concepts. Thanks a lot for uploading these videos.

yogeshya

Thank you for the tutorial, this is the most simple but exact explain that I found :)

JayJoowon

Thank you Genka. I found your source codes. It is so helpful

haoxinzhang

Very useful video, thanks a lot! Can u make video about effects? I dont understand how to work with them =(

volumecore

where can I download your source codes? Thank you so much!!

haoxinzhang

pls create tutorial in Udemy, I will definitely buy your course. Or if you already have full tutorial on Angular pls let us know :)

unknownuser-nblx

Why didn't you use the spread operator instead of stringifying the array and parsing it back on the reducers? That made me completely confuse

neogsantos

I would advise not making a deep copy in this manner as you've managed to overly complicate this instead of doing it in one line. You can use the spread operator to create a brand new array with the product inside:

on(addProduct, (entires, product) => [...entries, product]),
etc.

danielsottilemusic-official

Angular ngrx-store Tutorial - Action, Reducer, Selector

Angular ngrx-store Tutorial - Action, Reducer, Selector

Angular Redux - NgRx Angular, NgRx store, NgRx Effects, NgRx selectors

I bet you can understand NgRx after watching this video

Ngrx Store Tutorial for Angular - Learn State Management for Angular

Angular state management with NGRX | NGRX tutorial for beginner | Angular project with NGRX state |

Angular ngrx Redux Quick Start Tutorial

5. Implement the Counter Application using NGRX Store, Actions, and Reducers - Angular Ngrx.

3. How Store State, Actions and Reducers will look like in NGRX Redux Pattern - Angular

Angular CRUD action using NGRX pattern and Material UI design | Angular NGRX examples

Dispatch NGRX Action on Browser Reload | Ep 25

NgRx For Beginners | Step by Step Tutorial | Angular

NgRx Actions | Use NgRx Action in your Angular application

Angular NgRx Course - 05 NgRx Store-Devtools & Action Types

Video 2 NGRX Store - Create Action

Angular 12 - NGRX/Effect with example

Angular 16 NgRx Tutorial with Example | Redux | RxJs - Complete Guide

Install NGRX/Store | create files & folder structure NGRX implementation | Angular 16- NGRX Tuto...

Ngrx Store Tutorial for Angular [Latest] | Ngrx | #angular #ngrx | EP #1

How to Implement Ngrx? Angular 11 | NgRx Tutorial

Angular NgRx Tutorial | Episode 4 | Creating an action and updating the Reducer | #ngrx #tutorials

NgRx Store for beginners - Building an Angular 11 simple store - How to setup NgRx Effects

Angular State Management Tutorial Part 1: Learn @Ngrx Store, Redux Dev Tools

Angular State Management NgRx

Redux pattern (STATE + ACTIONS + REDUCER ) overview | Angular 16 - NGRX Tutorial