Ngrx (with NgRx Data) - The Complete Guide
This repository contains the code of the video course Ngrx (with NgRx Data) - The Complete Guide.
This course repository is updated to Angular v22:
!Ngrx (with NgRx Data) - The Complete Guide
Installation pre-requisites
For taking the course we recommend installing Node 24 Long Term Support Edition (LTE).
To easily switch between node versions on your machine, we recommend using a node virtual environment tool such as nave or nvm-windows, depending on your operating system.
For example, here is how you switch to a new node version using nave:
# note that you don't even need to update your node version before installing nave npm install -g nave nave use 24.15.0 node -v v24.15.0
Installing the Angular CLI
With the following command the angular-cli will be installed globally in your machine:
npm install -g @angular/cli
How To install this repository
We can install the master branch using the following commands:
git clone https://github.com/angular-university/ngrx-course.git This repository is made of several separate npm modules, that are installable separately. For example, to run the au-input module, we can do the following: cd ngrx-course npm install
Its also possible to install the modules as usual using npm:
npm install
This should take a couple of minutes. If there are issues, please post the complete error message in the Questions section of the course.
To Run the Development Backend Server
We can start the sample application backend with the following command:
npm run server
This is a small Node REST API server.
To run the Development UI Server
To run the frontend part of our code, we will use the Angular CLI:
npm start
The application is visible at port 4200: http://localhost:4200
Important
This repository has multiple branches, have a look at the beginning of each section to see the name of the branch.
At certain points along the course, you will be asked to checkout other remote branches other than master. You can view all branches that you have available remotely using the following command:
git branch -a
The remote branches have their starting in origin, such as for example 1-start.
We can checkout the remote branch and start tracking it with a local branch that has the same name, by using the following command:
git checkout -b 1-start
It's also possible to download a ZIP file for a given branch, using the branch dropdown on this page on the top left, and then selecting the Clone or Download / Download as ZIP button.
Angular University Courses
Here is a list of all the courses of the Angular University.
Latest Angular Courses
Fully up to date with the latest version of Angular: Signals, Zoneless and all the modern APIs. If you are just getting started, take these in the order they are listed - that is the optimal learning order.
Angular For Beginners (Signals Edition)
Angular For Beginners (Signals Edition) — A complete beginner-friendly course to learn Angular from the ground up with Signals, mastering the core features you’ll use every day.
Angular In Depth (Signals Edition) — Flagship Course
Angular In Depth (Signals Edition) — Our flagship course. The definitive guide to modern signal-based Angular. From fundamentals to advanced.
Angular Router In Depth (Signals Edition)
Angular Router In Depth (Signals Edition) — A modern deep dive into Angular routing, from core concepts to advanced navigation patterns.
Angular Forms In Depth (Signals Edition)
Angular Forms In Depth (Signals Edition) — An in-depth guide to Angular Signal Forms, covering validation, custom controls, and real-world patterns.
Angular AI In Depth (With Claude Code)
Angular AI In Depth (With Claude Code) — Vibe code from scratch an Angular OpenAI chatbot using Claude Code.
Angular Testing In Depth (Signals Edition)
Angular Testing In Depth (Signals Edition) — Learn Angular testing in depth. Write robust, maintainable tests for modern signal-based Angular applications.
Typescript
Learn the language itself, in depth. Typescript moves independently of Angular, so these courses do not go out of date with an Angular release.
Typescript: The Ultimate Bootcamp
Typescript: The Ultimate Bootcamp — Learn in-depth all the language fundamentals. Practice by building practical projects in Node, React and Angular.
RxJs and NgRx
Learn RxJs and its operators in depth, how to build Angular applications in reactive style, and state management with NgRx. The operators and patterns here have not been replaced, so these courses stay current independently of the Angular version you are on.
RxJs In Practice Course
RxJs In Practice Course — Understand the RxJs Observable pattern, learn the RxJs Operators via practical examples.
Reactive Angular Course
Reactive Angular Course — How to build Angular applications in Reactive style using plain RxJs - patterns, anti-patterns, lightweight state management.
NgRx (with NgRx Data) - The Complete Guide
NgRx (with NgRx Data) - The Complete Guide — Learn the modern NgRx Ecosystem, including NgRx Data, Store, Effects, Router Store, NgRx Entity, and DevTools.
Still Relevant Courses
Courses built on an older version of Angular that still hold up. The patterns they teach have not been replaced, so the content is still worth your time - you will just meet an older syntax here and there.
Modern Angular With Signals
Modern Angular With Signals — Learn signals in depth. Build a modern signal-based application with async/await, standalone components and optional RxJs.
Angular SSR In Depth
Angular SSR In Depth — Use Angular on the server too! Learn Angular Server-Side Rendering.
Extra Tutorials
Extra tutorials covering developer preview features or isolated topics that don't fit into any course.
Angular University Extra Tutorials
Angular University Extra Tutorials — Extra tutorials covering developer preview features or isolated topics.
Archived Courses
These courses have been archived and replaced by newer ones. They remain available to subscribers who purchased them, and to anyone looking for training on an older version.
Angular Core Deep Dive (Archived)
Angular Core Deep Dive — A detailed walk-through of the most important part of Angular - the Core and Common modules.
Angular Progressive Web Apps (PWA) Course (Archived)
Angular Progressive Web Apps (PWA) Course — Learn Angular Progressive Web Applications, build the future of the Web Today.
Angular Security Course - Web Security Fundamentals (Archived)
Angular Security Course - Web Security Fundamentals — Learn Web Security Fundamentals and apply them to defend an Angular / Node Application from multiple types of attacks.
Angular Material In Depth (Archived)
Angular Material In Depth — Learn in depth some of the most advanced components of the Angular Material UI widget library.
Firebase & AngularFire In Depth (Archived)
Firebase & AngularFire In Depth — Full stack Development with Angular, Firestore, Firebase Storage & Hosting, Firebase Cloud Functions & AngularFire.
NestJs In Practice (with MongoDB) (Archived)
NestJs In Practice (with MongoDB) — Build a modern REST backend using Typescript and the familiar Angular API.
Stripe Payments In Practice (Archived)
Stripe Payments In Practice — Build your own online eCommerce store and subscription membership website with Stripe, Firebase, Node & Express.
Angular Advanced Library Laboratory: Build Your Own Library (Archived)
Angular Advanced Library Laboratory: Build Your Own Library — Learn Advanced Angular functionality typically used in Library Development. Advanced Components, Directives, Testing, Npm.
Angular Forms In Depth (Archived)
Angular Forms In Depth — Build complex enterprise data forms with template-driven and reactive forms.
Angular Testing Course (Archived)
Angular Testing Course — A complete guide to Angular Unit Testing and E2E Testing, including Testing best practices and continuous integration.
Angular Material Course (Archived)
Angular Material Course — Jumpstart your Application with a complete set of Material Design UI Widgets.
NgRx In Depth (Archived)
NgRx In Depth — Learn the modern NgRx Ecosystem, including Store, Effects, Router Store, NgRx Entity, Dev Tools and Schematics.
Build a Web App with Angular and Firebase (Archived)
Build a Web App with Angular and Firebase — Put all the concepts together to build a fully running Angular application using Firebase as the database.
Angular NgRx Store Reactive Extensions Architecture Course (Archived)
Angular NgRx Store Reactive Extensions Architecture Course — Learn how to use the Angular NgRx Reactive Extensions and its Tooling to build a complete application.
Angular RxJs Jumpstart (Archived)
Angular RxJs Jumpstart — Learn RxJs quickly, apply it to learn how to use the HTTP module effectively.
RxJs and Reactive Patterns Angular Architecture Course (Archived)
RxJs and Reactive Patterns Angular Architecture Course — Learn the core RxJs Observable Pattern and many other Design Patterns for building Reactive Angular Applications.
Angular Router (Archived)
Angular Router — Build Single Page Applications with Angular and its powerful Router.
Angular Universal Course (Archived)
Angular Universal Course — Use Angular on the server too! Learn Angular Server-Side Rendering.
Angular Forms (Archived)
Angular Forms — Learn how to build validatable and user-friendly data Forms effectively.
Serverless Angular with Firebase & AngularFire (Archived)
Serverless Angular with Firebase & AngularFire — Full stack Development with Angular, Firestore, Firebase Storage & Hosting, Firebase Cloud Functions & AngularFire.
The Complete Typescript Course (Archived)
The Complete Typescript Course — Complete Guide to Typescript From Scratch: Learn the language in-depth and use it to build a Node REST API.
Angular For Beginners (Archived)
Angular For Beginners — Establish a solid layer of fundamentals, learn what's under the hood of Angular.
