Angular architectures with NGRX
The most used state manager in Angular enterprise applications
(Updated to Angular & NGRX 18 )
In this course:
1
Master NGRX and Redux from the ground up
2
Learn how to decouple your UI from your application's architecture
3
Build scalable state management systems
4
Leverage advanced NGRX patterns for real-world applications.
5
Suitable for beginners, experts and teachers
First chapters are completely free
# FrontEnd Architectures
Front-end architectures are essential in modern web development as they provide a structured approach to building scalable and maintainable applications.
With the complexity of frontend applications increasing, a solid architecture helps manage state, data flow, and component interactions more effectively.
By establishing clear guidelines and design patterns, frontend architectures reduce the risk of spaghetti code, promote separation of concerns, and improve developer collaboration.
Using state management libraries like NgRx, developers can centralize state and track each part of the application workflow, making the software easier to debug, test, and evolve as new features are added.
A well-thought-out frontend architecture ensures long-term project success by fostering cleaner, more organized codebases and NGRX is one of the most used pattern in enterprise Angular applications.
# State Management with Redux & NGRX
Some developers often gravitate toward other state management solutions, claiming they are simpler and easier to use than Redux or NGRX.
It is true!
There are many state managers that are much easier to use but they are far from offering the functionalities of NGRX.
So we are talking about totally different tools.
What sets NGRX apart is its strong emphasis on separation of concerns, which ensures a clear, maintainable architecture as your application scales.
Additionally, NGRX offers unparalleled debugging capabilities, allowing you to track every state change and action, making it easier to understand and manage complex applications.
Those who fully grasp NGRX’s potential quickly realize how it elevates state management to a new level of control and reliability.
TOPICS
# Angular v.18/v.19
NGRX is not the only thing you will learn in this course but you'll also have the opportunity to use several Angular features and take advantage of many of the latest framework APIs:
1
RxJS & latest Signals API
2
Signals Input & Signal Queries
3
Latest router API
4
Component, Directives, Guards, Interceptors, ...
5
Reactive Forms
6
and much more...
The course is built with Angular v.18 but it will be updated to version 19 in the next months
# Master NGRX from the ground up
In this book you will have the opportunity to dive into the fundamentals of NGRX and Redux, building your knowledge from the basics to advanced topics.
Understand the core concepts, including Actions, Reducers, Effects, and Selectors, and learn how to effectively manage the state in your Angular applications is just the beginning.
The book makes use of the most up-to-date Angular 18 and NGRX 18 APIs and will be soon updated to Angular v.19.
# Build scalable state management systems
Design and implement state management solutions that scale with the complexity and size of your application.
Understand how to handle large applications with complex state requirements, ensuring that your solution remains efficient and performant.
Track everything with NGRX
Using NGRX in your Angular application ensures that every action, state change, and effect is fully tracked and documented. This makes it incredibly easy for any team member to understand what's happening in the application at any point in time.
# Time travel debugging with Redux DevTools
Gain proficiency in debugging with time travel capabilities using Redux DevTools.
Explore how to trace, inspect, and roll back your application’s state, making it easier to identify issues and understand the flow of your application.
# Leverage advanced NGRX patterns
Throughout this book, you'll embark on a journey from the fundamentals of NGRX to mastering its advanced patterns.
Starting with the basics — understanding Actions, Reducers, and Effects — you'll gradually build a strong foundation.
As you progress through each lesson, you'll encounter more sophisticated concepts like entity management, state normalization, best practices and advanced effect handling.
# Decouple UI from architecture
With NGRX it is really easy to separate your user interface (UI) from the underlying architecture.
This separation ensures that your application remains modular, easier to maintain, and adaptable to changes without disrupting the user experience.
quick NGRX overview
Curious to see how it works? Here’s a very short 5-minute introduction
MORE INFO...
# This Book
After understanding the fundamentals of NGRX, we will tackle several use cases and real-world scenarios to learn more advanced techniques, apply best practices and discover different APIs and library features as we go.
The step-by-step approach ensures that by the end of the book, you’ll be equipped to implement NGRX in complex, real-world applications with confidence and precision.
# Duration
It is difficult to calculate the length of an online book but I can tell you that this material, during both remote and live lessons, usually takes 3 to 4 hours per chapter to be explained.
# Target
This book is perfect for developers new to NGRX.
It starts with the basics, offering clear explanations and practical examples, ensuring that even those with no prior experience can easily grasp the concepts and build confidence in using NGRX effectively.
For seasoned developers, this book provides a valuable update on the latest Angular and NGRX APIs.
It also introduces advanced patterns and best practices, helping you stay current and discover several tricks to enhance your projects.
This course is also perfect for teachers, schools, bootcamps and companies where you provide training because:
1
Provides teachers with a structured path for their students
2
All students can have a copy of the book and be autonomous in the course
In addition, in the case of purchasing multiple licenses, you will have discounts over 50% of the original price.
# Requirements
Before diving into this NGRX book, it's essential to have a solid understanding of Angular basics.
Familiarity with core Angular concepts like components, services, modules, and dependency injection will help you grasp the state management techniques covered.
If you have never used Angular before or are not up to date with the latest API we recommend you take a look at the Angular Basics cookbook , a free on-line book, quick to read and full of code snippets.
Chapters
NGRX Mini Video Course
An introduction to Angular & NGRX v.18
1. Redux & NGRX
Learn the basics of state managements, Redux and NGRX
2. NGRX Basics
Introduction to store, reducers, actions and selectors
3. NGRX API
Let's dive deeper into the use of NGRX
4. Build the Shop Page
Let's use NGRX effects and start working with asynchronous operations
5. Build a Shopping Cart
Let's analyze the power of reducers and effects by handling different use cases
6. Shop Filters
Complex and custom selectors, Reactive forms, Pattern and Best practices
7. Shop Orders
Let's put it all together involving forms, routers, local storage, global and local states
8. CRUD: Simple CMS
Create the Content Management System (CMS) for shop's products
9. Authentication
Explore how to integrate NGRX with a JWT-based authentication approach.
10. Router & NGRX
Discover how Angular Router can be integrated with NGRX
BONUS: NGRX Signals
Fabio Biondi
Fabio Biondi is Google Developer Expert in Angular and Microsoft MVP.
He is a freelance Front-End trainer, speaker, content creator and community manager
He is a freelance Front-End trainer, speaker, content creator and community manager
# First chapters are free!
The first chapters and some lessons of the book are free. I suggest you take a look in case:
1
you have never used NGRX and want to understand the fundamentals creating your first Angular / NGRX project
2
if you want to evaluate the quality of the book and information
3
just out of curiosity
# Why not write a paper book?
I think that paper, which always has its charm, is not the best way to share such a high amount of code and concepts.
There are sections in this book that involve dozens of files. In a book it would be really complicated to read and very inconvenient even to copy or reuse some parts of it.
The ability to insert interactive snippet codes, copy-paste, have animated demos and diagrams, videos, quizzes, collapsable panels and all other features of our platform is PRICELESS.
# What about video courses?
I have already recorded many premium video courses (especially in Italian but I decided (together with Giorgio Boa) to create this new platform to finally have total freedom to express myself at my best and offering the reader many more tools to be able to try the code immediately, understand concepts and provide several insights.
In addition, videos are a challenge to fix and update, while an online book offers more flexibility and is easier to upgrade.
Get Full Access
Angular architectures with NGRX
The most used state manager in Angular enterprise applications...
4 months
subscription€ 2900
only € 7.3 at month
1 year
subscription€ 4900
only € 4.1 at month
• Best Buy
3 years
subscription€ 7900
only € 2.2 at month
15-day money back guarantee
By subscribing, you also help us create new free and premium content and involve more authors.
FAQ
How does the subscription work?
How does the subscription work?
The course is visible until subscription ends.
For example, if you buy a 3-year subscription today, you will have access for the next 3 years, without additional costs.
On expiry, the subscription will be automatically renewed unless you have cancelled the renewal in the "My Subscriptions" page accessible from your "Profile" page.
If you do not want to renew your subscription, we recommend that you cancel it a few days before the expiration date directly from the "My Subscriptions" page
For example, if you buy a 3-year subscription today, you will have access for the next 3 years, without additional costs.
On expiry, the subscription will be automatically renewed unless you have cancelled the renewal in the "My Subscriptions" page accessible from your "Profile" page.
If you do not want to renew your subscription, we recommend that you cancel it a few days before the expiration date directly from the "My Subscriptions" page
How do orders for schools, teams and groups work?
How do orders for schools, teams and groups work?
If you want to buy this course for your team, your students or if you are a buying group then you can take advantage of discounts.
Upon purchase, the ordering user will have immediate access to the course directly from its account.
Furthermore, coupons will also be sent to activate additional licenses.
Let’s take an example:Furthermore, coupons will also be sent to activate additional licenses.
1
You buy, for example, 5 licences
2
Your account will have instant access to the course
3
You will receive 5 additional coupons by email, that you can share with other students to allow them to activate the course independently
4
So 6 students will be able to access the course, you and other 5 users. So you will have an extra account for free
IMPORTANT: only the user who purchased the course can renew the subscription, change the payment method or cancel the subscription.
Can I receive the invoice?
Can I receive the invoice?
Sure! Remember to enter your billing information at the time of purchase, before confirming your order
Is there a refund if I am not satisfied?
Is there a refund if I am not satisfied?
You can request a refund within 15 days of the date of purchase at info@learnbydo.ing
Questions?
Questions?
Write us an email at info@learnbydo.ing
Start today for free!
Create a LearnByDo.ing account for free to see all the protected content, get exclusive material, join giveaways, and use all the platform’s features