Creating Store Using RxJS in Angular — Demo

In this video session Creating Store Using RxJS | Angular | Demo we will create our Cart store and it is nothing but just a wrapper on top of state, so it becomes reactive state that way. In other words, reactive store is RxJS behavior Subject, wrapping over some initial state and then we will keep pushing the Next state. Here we will build reactive store and then we will create some selectors to see how they are helping components to get data.

While creating data store we will go all of the used cases like Add Items to Cart, update items & delete items use cases. All coding steps are explained in detailed manner in our demo session, few steps with screenshots shown below:

First we have written code for our Product.ts & Store.ts files and checked-in into our GitHub project.

Till now we have created our base store class, next we will create Cart Store. Basically this was our abstract store, now we will create our concrete store using angular CLI.

After creation of all required files, in next step we will define our cart store, starting with declaration of cart items.

Further in upcoming video sessions we will start declaring methods, first will go with Add Items Use case in next video session Add Item To Cart | Test Driven | RxJS | Demo.

--

--

--

Pluralsight Author, Developer and Trainer. I help students and professionals to become Full Stack Software Developer in less than a Year.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Exploring Android UI frameworks

How Can I Implement the Function of Touching and Holding an Image to Save It in Quick Apps

[LeetCode 746. Min Cost Climbing Stairs(Easy)] JavaScript Dynamic Programming Solution

Closures vs Global Variables…how are they different?

The Trials And Tribulations of Creating An SDK — Part 2

React Stopwatch

5 Lessons Learned From Building a Larger React/Redux App

Setting up AdonisJs websockets (with React app demo)

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Rupesh Kumar Tiwari

Rupesh Kumar Tiwari

Pluralsight Author, Developer and Trainer. I help students and professionals to become Full Stack Software Developer in less than a Year.

More from Medium

Angular proxy configuration for API calls

Github Search Project Using Angular

Angular the trending technology

Angular google map (AGM) implementation