NgRx (with NgRx Data) - The Complete Guide (FREE E-Book) (Udemy.com)

Learn the modern NgRx Ecosystem, including NgRx Data, Store, Effects, Router Store, NgRx Entity, and DevTools

Created by: Angular University

Produced in 2021

icon
What you will learn

  • Code in Github repository with downloadable ZIP files per section
  • Become familiar with the centralized store pattern, and how to use it in Angular
  • Know when to use a centralized store solution and why
  • Learn how to use NgRx Data to handle entity data with minimal code
  • Learn In-depth NgRx Store, understand in detail all core store patterns, including Reducers and Actions
  • Learn in detail NgRx Effects, learn when to use a side-effect
  • Learn in detail NgRx Entity, when to use and why, learn what are the benefits
  • Transform step-by-step an existing Angular plain application, and turn it into a store based application
  • Learn to implement common functionality in NgRx, such as Authentication or Entity Pagination
  • Learn NgRx in-depth in a fun and practical way, by implementing real use cases

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 90 / 100

icon
Course Description

This course is a complete guide to the new NgRx Ecosystem, including NgRx Data, Store, Effects, Router Store, NgRx Entity, and DevTools, and comes with a running Github repoThis Course in a NutshellState management is the number one topic to know when it comes to frontend architecture design choices. Why choose to do state management in a single page application, when to do it and why, what are the benefits, and what are tradeoffs?
These are all critical questions that we will address in this course, as we give you an extended guided tour of the NgRx Ecosystem.
The most popular state management library in the Angular space is NgRx, and for good reasons. The latest release of NgRx is probably one of the most important releases in the whole Angular ecosystem recently. Although backward compatible, it contains so much new functionality that it's almost a brand new state management library.
Under the hood, the core concepts of Actions, Reducers, Effects, Entities, and Selectors remain the same, but we have now a brand new API for managing these concepts in a much less verbose way. Also, we have the inclusion of NgRx Data, which is a new and very powerful way of managing Entity Data.
Actually, NgRx Data is a powerful abstraction layer on top of NgRx, that allows us to add state management to large parts of our application without having to write much code at all!
Course OverviewIn this course, we are going to take a small existing application that is built without any state management. We are going to understand what are the consequences of not doing state management by identifying some problems that the application has in its initial form.
Then we are going to start refactoring the application, and we are going to add state management to the application multiple screens step-by-step. We are going to start with the Authentication features of the application, and then we are going to move on to the entity data management part.
We are going to explain at length all the key concepts of NgRx: Actions, Reducers, Effects, and Selectors, and we are going to explain in detail the Store architecture itself and understand its benefits.
Throughout the course we are going to introduce step-by-step and explain in detail the NgRx Store module, NgRx Effects, we are going to cover in detail NgRx Entity and the Entity format, we are going to install and do a guided tour of the NgRx Dev Tools, the NgRx Router Store, and the time-travelling debugger.
We are also going to learn how to make the most out of NgRx Data, and learn how to customize it in order to manage entity data with minimal application code. We will cover NgRx while keeping in mind best practices like good Action hygiene.
Table of ContentsThis course covers the following topics:
Introduction to State ManagementThe Store Architecture In DetailNgRx Key ConceptsActions and Action CreatorsReducersNgRx EffectsSelectorsAdding Authentication to an NgRx ApplicationNgRx Entity and the Entity FormatNgRx DevToolsNgRx Time Travelling DebuggerNgRx Runtime checks and Store ImmutabilityNgRx Router StoreNgRx Data and Entity State ManagementNgRx Best PracticesWhat Will You Learn In this Course?
At the end of this course, you will feel comfortable with the notions of state management and the centralized store solution in general.
You will feel comfortable designing new Applications using NgRx, using a simple methodology and you will know in-depth the complete Ngrx library ecosystem: including the Ngrx Store, Effects, Entity, and NgRx Data libraries.
You will know how to quickly scaffold parts of the solution using Ngrx Schematics, and how to set up the Ngrx DevTools from scratch, including the router integration.
Who this course is for:
Angular Developers looking to learn in-depth the modern NgRx Ecosystem, including Ngrx Store, Effects, Router Store, Ngrx Entity, DevTools and Schematics!

icon
Instructor Details

Angular University

About the Angular University:
The Angular University aims to be the one place that yougo in order to learn and keep up with the whole Angularecosystem. We provide premium quality video tutorials, screencast style.
No matter if you are a beginner, intermediate or advanced in Angular, we have several courses for you.
About the course instructor:
Hello, my name is Vasco and I'm aSoftware Developer with 17 years of experience,veryseasonedbuilding userinterfaces with Angular. I've workedas a FrontendDeveloper/Architect in a largevariety of enterpriseprojects throughout the years.
I worked on a ton of projects, everything fromsingle page applications tohelp build theEuropean Criminal Record Information Exchange System, to brand new e-banking portals, to corporate banking portals, and more. I've been a key part of internalframework teams that built frameworks for in-house departments of tens of developers.
I also loveto teach, write and talk about technology. I am looking forward to be your Angular instructor,
Kind Regards,
Vasco

icon
More courses by Angular University

Reactive Angular Course (with RxJs)

$11.99

RxJs 6 In Practice (with FREE E-Book)

$11.99

Angular Testing Masterclass (with FREE E-Book)

$11.99

Typescript Masterclass & FREE E-Book

$11.99

Angular Router Jumpstart & FREE E-Book

$11.99

Angular Forms Jumpstart & FREE E-Book

$11.99

icon
More teaching & academics courses

Quran Level 1 - Qaida Nuraniyah - Adults Edition 2019

$11.99

The Golden Angelic Ray of Healing Teacher Training Course

$11.99

Teach on Udemy- Become an Online Instructor - Unofficial

$11.99

Develop Blockbuster Story Ideas that Sell! (Writing Mastery)

$11.99

Inspirational Screenwriting. The #1 Screenwriting Course!

$11.99

Novel Writing Workshop

$11.99

icon
Reviews

4.5

312 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

By Salahuddin Saadat on 11/7/2020

Great course and very well explained. !!!

By Dariusz Ostolski on 11/7/2020

Detailed explanation of ngrx concept on simple yet helpful examples in step by step manner. Much easier to understand than going through ngrx documentation which I think assumes someone already knows those concepts. Before starting this course you have to be familiar with Angular, Typescript and rxjs.

By Paolo Cappuccio on 11/7/2020

The courses is good but sometimes some arguments are not explained because the speaker think that the listener already know the concept

By Harald Haler on 11/7/2020

As usual I've learned a lot during this excellent course from agular-university. It was a very good introduction into the NgRx ecosystem and its basic usage. I had have only wished some further examples or an introduction into basic concepts of how updating periodically the data with using Ngrx-Data from the backend if they are once stored into the NxRx Store e.g. in case of multi-user applications if an another user has updated a course.

By Joshua Foxworth on 10/23/2020

Overall, the information is conveyed in a competent manner. This is difficult subject matter and it is handled well. The main criticism is that there is too little explanation and far too much just watching someone code.
In addition to this, the author shows the ngrx aspects being coded, but is using an editor that imports automatically and thus the needed imports are never shown. The user must address these items by themselves. This makes it impossible to code along with the instructor.
The jump from covering the basics to covering Entity was not too bad. However, jumping to ngData threw me. It wasn't really clearly explained what was happening and why. If ngData is the convention and should be used, I don't know why that wasn't covered at the onset instead of going over all of the items which I will never use.
Other than that, good course.

By Joe Charles Sleiman on 10/18/2020

it seems very good

By Atindra Kumar Singh on 10/16/2020

Great course, good practical explanation of all the features.

By Sibajyoti Maiti on 10/3/2020

In one word EXCELLENT tutorial.

By Raya Levinson on 10/2/2020

Great course! Thank you!

By Megha Mohanty on 9/26/2020

Impressed with the depth of knowledge.
I hope to see a course which explains about building an enterprise level Angular application which uses all the parts together like Forms, Angular Animation, NGRX, Socket, Unit testing in a single project.
Even a separate course on Enterprise level Angular Authentication (eg: MSAL) is more welcome now a days.

By Sushil Kumar on 9/24/2020

good

By Graciela Di Lelle on 9/22/2020

Good explanations, clear concepts. Maybe need some extra chapter for the UI implementation with a little more explanation on the data display on the HTML pages