NgRx Course – Introduction & Redux

We’ll begin with an introduction to State Management and look at the benefits. And then we’ll have a look at the Redux pattern. The 3 core principles and the reasons to use a centralized store in our application. Welcome to Angular Developer! In this course, we’re going to see How to Build Angular Applications with […]

Read →

NgRx Course – Angular NgRx Setup

In the last video, we set up json-server, we created the modules and the components for our application. We also added the initial styles and the HTML for the components. In this part, we’re going to set up NgRx. First, we’re going to install all the libraries we’ll need with the following command: Now that […]

Read →

NgRx Course – NgRx & installation

In the previous video, we introduced state management and looked at the Redux pattern and its benefits. In this video, we’re going to see what is NgRx and we’ll start building our first Angular application with it. According to the official documentation, NgRx is: “RxJS powered state management for Angular applications, inspired by Redux” https://github.com/ngrx/platform/tree/master/docs/store […]

Read →

NgRx Course – Sample Application Setup

The last video introduced NgRx and we saw how to add @ngrx/store to an Angular application. In this video, we’re going to see the sample application that we’ll be building during the rest of this course. We will also create the initial setup. The video shows that it is a simple application to manage some […]

Read →

NgRx Course – NgRx Store Devtools and Action Types

In the last video, we installed the NgRx libraries, set it up and created the basic structure for our application, including an action and a reducer. In this video, we’ll have a look at NgRx store-devtools and we’ll continue building the application and introducing some best practices, like strongly typed actions. We already installed the […]

Read →

NgRx Course – NgRx Effects and Selectors

In the previous video we introduced the store devtools. We created some actions and we wrote the reducer for the customer feature. In this video, we’re going to create a side effect for our application. We’ll manage it using NgRx/effects. We’ve already seen how the components dispatch actions. Then the reducer takes the action and […]

Read →

NgRx Course – NgRx Entity

In the last video, we created an effect in our application and added some selectors. In this video, we’re going to explore the ngrx/entity library. The entity library helps us manage collections of objects. It also reduces the amount of code we need for CRUD operations. It adds ids and entities to the state which […]

Read →

NgRx Course – Finishing the CRUD Functionality

 In the last video, we introduced the NgRx entity library and started using it in our application. In this video, we’re going to finish the CRUD for the customer component. For the CRUD the initial action being dispatched by the component is going to be taken by the effect that will communicate with the […]

Read →

NgRx Course – NgRx Router Store

In the previous video, we finished our sample application. But there is one more thing that we should cover in this course, and that’s the router-store library. The router-store binds the Angular router to NgRx. This enables us to trace where we are in the application and save the route. The route parameters and the […]

Read →