Ngrx (With Ngrx Data) – The Complete Guide (Angular 15)
Last updated 2/2023
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz
Learn the modern NgRx Ecosystem, including NgRx Data, Store, Effects, Router Store, NgRx Entity, and DevTools
What you’ll 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
Requirements
Just a little bit of Angular and Typescript
Description
Overview
Section 1: Introduction
Lecture 1 NgRx (with NgRx Data) – Helicopter View
Lecture 2 IMPORTANT – Recommended Software Versions
Lecture 3 NgRx The Complete Guide – Development Environment Setup
Lecture 5 What is NgRx, Why State Management and what are the benefits?
Lecture 6 Installing NgRx and the NgRx DevTools
Section 2: NgRx Key Concepts – Actions and Reducers
Lecture 7 Configuring an NgRx Feature Module using NgRx Schematics
Lecture 8 The Store Service API – Implementing the Login Screen
Lecture 9 Defining NgRx Actions using Action Creators
Lecture 10 Grouping Actions Together with Action Types
Lecture 11 NgRx Reducers – Step-by-Step Implementation
Lecture 12 Key Concepts Summary – NgRx Actions and Reducers In Action
Section 3: NgRx Key Concepts – Selectors and Effects
Lecture 13 How to Query the Store Data – An Example
Lecture 14 NgRx Selectors – An In-Depth Explanation
Lecture 15 NgRx Feature Selectors – a Simple Explanation
Lecture 16 Implementing User Logout (Practice Lesson )
Lecture 17 Implementing a Router Authentication Guard (Practice Lesson)
Lecture 18 Introduction to NgRx Effects – What is a Side Effect?
Lecture 19 Understanding NgRx Effects – A Simple Example
Lecture 20 NgRx Effects – Step-by-Step Implementation
Lecture 21 Implementing the Logout Effect (Practice Lesson)
Section 4: NgRx Development Tools In Depth
Lecture 22 Setting up NgRx Router Store and the Time-Travelling Debugger
Lecture 23 NgRx Runtime Checks – How do they work?
Lecture 24 NgRx Metareducers – Step-by-Step Implementation
Section 5: NgRx Entity In Depth
Lecture 25 NgRx Entity – Section Kickoff
Lecture 26 NgRx Feature Design – Defining Actions First
Lecture 27 Loading NgRx Entity Data using a Router Resolver
Lecture 28 NgRx Effects – Fetching Data From the Backend
Lecture 29 Understanding the NgRx Entity Format
Lecture 30 Implementing Reducers Using the NgRx Entity Adapter
Lecture 31 NgRx Entity Selectors – Refactoring the Home Component
Lecture 32 Entity Adapter Configuration – Understanding sortComparer and selectId
Lecture 33 NgRx Data Fetching Solution – How to Load Data Only If Needed
Lecture 34 Optimistically Editing Entity Data – The Edit Course Dialog
Lecture 35 Optimistic Data Editing – Reducer Implementation and Demo
Lecture 36 Optimistic Data Editing – Saving Data in the background with an Effect
Section 6: NgRx Data In Depth
Lecture 37 Why NgRx Data? New Section Introduction
Lecture 38 Setting Up NgRx Data in a Lazy Loaded Module
Lecture 39 How Does NgRx Data Work? Transparent Fetching Data In Action
Lecture 40 NgRx Custom Data Service – Fetching Data From the Backend
Lecture 41 Controlling Data Loading with the NgRx Data loaded flag
Lecture 42 Querying Store Data with NgRx Data and the entities$ Observable
Lecture 43 NgRx Data CRUD – Why use Optimistic Updates?
Lecture 44 NgRx Data CRUD – Why Pessimistic Data Creation?
Lecture 45 NgRx Data CRUD – Optimistic Delete Implementation
Lecture 46 Setting Up a new Entity – The Lesson Entity
Lecture 47 Implementing the Course Component Using NgRx Data
Lecture 48 Lessons Pagination using NgRx Data
Lecture 49 Switching an NgRx Application to OnPush Change Detection
Section 7: Course Conclusion
Lecture 50 Bonus Lecture
Lecture 51 Angular NgRx Course Conclusion
Angular Developers looking to learn in-depth the modern NgRx Ecosystem, including Ngrx Store, Effects, Router Store, Ngrx Entity, DevTools and Schematics!
