IIRF Online > Development > Web Development > Angular > NgRx (with NgRx Data) - The Complete Guide (Angular 18)
NgRx (with NgRx Data) - The Complete Guide (Angular 18) by Udemy
Learn the modern NgRx Ecosystem, including NgRx Data, Store, Effects, Router Store, NgRx Entity, and DevTools
Course Highlights
- 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
Skills you will learn!
Curriculum
6 Topics
NgRx (with NgRx Data) - Helicopter View
IMPORTANT - Recommended Software Versions
NgRx The Complete Guide - Development Environment Setup
The Typescript Jumpstart Ebook
What is NgRx Why State Management and what are the benefits?
Installing NgRx and the NgRx DevTools
6 Topics
Configuring an NgRx Feature Module using NgRx Schematics
The Store Service API - Implementing the Login Screen
Defining NgRx Actions using Action Creators
Grouping Actions Together with Action Types
NgRx Reducers - Step-by-Step Implementation
Key Concepts Summary - NgRx Actions and Reducers In Action
9 Topics
How to Query the Store Data - An Example
NgRx Selectors - An In-Depth Explanation
NgRx Feature Selectors - a Simple Explanation
Implementing User Logout (Practice Lesson )
Implementing a Router Authentication Guard (Practice Lesson)
Introduction to NgRx Effects - What is a Side Effect?
Understanding NgRx Effects - A Simple Example
NgRx Effects - Step-by-Step Implementation
Implementing the Logout Effect (Practice Lesson)
3 Topics
Setting up NgRx Router Store and the Time-Travelling Debugger
NgRx Runtime Checks - How do they work?
NgRx Metareducers - Step-by-Step Implementation
12 Topics
NgRx Entity - Section Kickoff
NgRx Feature Design - Defining Actions First
Loading NgRx Entity Data using a Router Resolver
NgRx Effects - Fetching Data From the Backend
Understanding the NgRx Entity Format
Implementing Reducers Using the NgRx Entity Adapter
NgRx Entity Selectors - Refactoring the Home Component
Entity Adapter Configuration - Understanding sortComparer and selectId
NgRx Data Fetching Solution - How to Load Data Only If Needed
Optimistically Editing Entity Data - The Edit Course Dialog
Optimistic Data Editing - Reducer Implementation and Demo
Optimistic Data Editing - Saving Data in the background with an Effect
13 Topics
Why NgRx Data? New Section Introduction
Setting Up NgRx Data in a Lazy Loaded Module
How Does NgRx Data Work? Transparent Fetching Data In Action
NgRx Custom Data Service - Fetching Data From the Backend
Controlling Data Loading with the NgRx Data loaded flag
Querying Store Data with NgRx Data and the entities$ Observable
NgRx Data CRUD - Why use Optimistic Updates?
NgRx Data CRUD - Why Pessimistic Data Creation?
NgRx Data CRUD - Optimistic Delete Implementation
Setting Up a new Entity - The Lesson Entity
Implementing the Course Component Using NgRx Data
Lessons Pagination using NgRx Data
Switching an NgRx Application to OnPush Change Detection
2 Topics
Bonus Lecture (Updated September 2024)
Angular NgRx Course Conclusion
NgRx (with NgRx Data) - The Complete Guide (Angular 18)
Related Angular Courses
Thank You!
Your review has been submitted successfully.