Disclosure: when you buy through links on our site, we may earn an affiliate commission.

NgRx (with NgRx Data) – The Complete Guide (FREE E-Book)

Learn the modern NgRx Ecosystem, including NgRx Data, Store, Effects, Router Store, NgRx Entity, and DevTools
4.6
4.6/5
(2,723 reviews)
11,465 students
Created by Angular University

9.8

CourseMarks Score®

10.0

Freshness

9.6

Feedback

9.3

Content

Platform: Udemy
Price: $12.99
Video: 6h 17m
Language: English
Next start: On Demand

Top Angular courses:

Detailed Analysis

CourseMarks Score®

9.8 / 10

CourseMarks Score® helps students to find the best classes. We aggregate 18 factors, including freshness, student feedback and content diversity.

Freshness Score

10.0 / 10
This course was last updated on 4/2021.

Course content can become outdated quite quickly. After analysing 71,530 courses, we found that the highest rated courses are updated every year. If a course has not been updated for more than 2 years, you should carefully evaluate the course before enrolling.

Student Feedback

9.6 / 10
We analyzed factors such as the rating (4.6/5) and the ratio between the number of reviews and the number of students, which is a great signal of student commitment.

New courses are hard to evaluate because there are no or just a few student ratings, but Student Feedback Score helps you find great courses even with fewer reviews.

Content Score

9.3 / 10
Video Score: 8.5 / 10
The course includes 6h 17m video content. Courses with more videos usually have a higher average rating. We have found that the sweet spot is 16 hours of video, which is long enough to teach a topic comprehensively, but not overwhelming. Courses over 16 hours of video gets the maximum score.
The average video length is 6 hours 36 minutes of 130 Angular courses on Udemy.
Detail Score: 10.0 / 10

The top online course contains a detailed description of the course, what you will learn and also a detailed description about the instructor.

Extra Content Score: 9.5 / 10

Tests, exercises, articles and other resources help students to better understand and deepen their understanding of the topic.

This course contains:

3 articles.
0 resource.
0 exercise.
0 test.

Table of contents

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 repo
This Course in a Nutshell
State 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 Overview
In 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 Contents
This course covers the following topics:
•Introduction to State Management
•The Store Architecture In Detail
•NgRx Key Concepts
•Actions and Action Creators
•Reducers
•NgRx Effects
•Selectors
•Adding Authentication to an NgRx Application
•NgRx Entity and the Entity Format
•NgRx DevTools
•NgRx Time Travelling Debugger
•NgRx Runtime checks and Store Immutability
•NgRx Router Store
•NgRx Data and Entity State Management
•NgRx Best Practices
What 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.

Requirements

• Just a little bit of Angular and Typescript

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

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!

How much does the NgRx (with NgRx Data) - The Complete Guide (FREE E-Book) course cost? Is it worth it?

The course costs $12.99. And currently there is a 87% discount on the original price of the course, which was $99.99. So you save $87 if you enroll the course now.
The average price is $14.2 of 130 Angular courses. So this course is 9% cheaper than the average Angular course on Udemy.

Does the NgRx (with NgRx Data) - The Complete Guide (FREE E-Book) course have a money back guarantee or refund policy?

YES, NgRx (with NgRx Data) – The Complete Guide (FREE E-Book) has a 30-day money back guarantee. The 30-day refund policy is designed to allow students to study without risk.

Are there any SCHOLARSHIPS for this course?

Currently we could not find a scholarship for the NgRx (with NgRx Data) – The Complete Guide (FREE E-Book) course, but there is a $87 discount from the original price ($99.99). So the current price is just $12.99.

Who is the instructor? Is Angular University a SCAM or a TRUSTED instructor?

Angular University has created 16 courses that got 14,250 reviews which are generally positive. Angular University has taught 87 students and received a 4.5 average review out of 14,250 reviews. Depending on the information available, Angular University is a TRUSTED instructor.

More info about the instructor, Angular University

Best Selling Angular Courses | 95,000+ students | 16 courses
About the Angular University:The Angular University aims to be the one place that you go in order to learn and keep up with the whole Angular ecosystem. 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 a Software Developer with 17 years of experience, very seasoned building user interfaces with Angular. I’ve worked as a Frontend Developer/Architect in a large variety of enterprise projects throughout the years.   I worked on a ton of projects, everything from single page applications to help build the European Criminal Record Information Exchange System, to brand new e-banking portals, to corporate banking portals, and more. I’ve been a key part of internal framework teams that built frameworks for in-house departments of tens of developers. I also love to teach, write and talk about technology.  I am looking forward to be your Angular instructor,Kind Regards,Vasco

9.8

CourseMarks Score®

10.0

Freshness

9.6

Feedback

9.3

Content

Platform: Udemy
Price: $12.99
Video: 6h 17m
Language: English
Next start: On Demand

Students are also interested in

Other courses by ​Angular University

Get this widget on your website (for course creators):

NgRx (with NgRx Data) - The Complete Guide (FREE E-Book) rating
Copy this code and paste it to your website:
<a href="https://coursemarks.com/course/ngrx-with-ngrx-data-the-complete-guide-free-e-book/" target="_blank" title="NgRx (with NgRx Data) – The Complete Guide (FREE E-Book) on Coursemarks.com"><img border="0" src="https://coursemarks.com/widget/98.svg" width="200px" alt="NgRx (with NgRx Data) – The Complete Guide (FREE E-Book) rating"/></a>