Loading...
Angular architectures with NGRX
2.31
Author
Reviewers
Change Log
Help
Write a Review
Certificate
NGRX Mini Video course
FREE
Italian Version
FREE
English Version (audio by AI)
FREE
NGRX Fundamentals
1. Redux & NGRX
FREE
State management in SPA
FREE
NGRX introduction
FREE
State Managers comparison
FREE
NGRX: how it works
FREE
Redux Dev Tools
FREE
Why should my team use NGRX?
FREE
2. NGRX Basics
FREE
Create the Project
FREE
Installation, store & reducers
FREE
TIP 💡: Redux Dev Tools and StackBlitz
FREE
Store selectors
FREE
NGRX Actions
FREE
3. NGRX API
FREE
createReducer
Typed Store
Actions
TIP 💡: Immutability, Pure Functions & Reducers
Create Feature and Selectors
ActionGroup
TIP 💡: Linter & Runtime Checks
NGRX and Signals
createSelector & extraSelectors
Lazy Store
CheatSheet
Build a Shopping Cart
4. The Shop Page
FREE
Create a REST API server
Product Actions
RxJS & Flattening operators
NGRX Effects
Handle errors in NGRX Effects
Products Reducer
UI the shop page
Demo & Source Code
5. Build a Shopping Cart
FREE
Navbar Update
Cart Actions
Cart Store
Cart Selectors
Build the Cart Page
Handle quantity
Sync store with Local Storage
Demo & Source Code
6. Shop Filters
FREE
Filter Component
Introduction to Reactive Forms
Container vs Presentational components
Reactive Forms and NGRX
Save Filters in Store
Filters Selectors
Side Panel UI State
Insight 💡: How to fix linter errors
Demo & Source Code
7. Shop Orders
FREE
Create the "Shop Order" route
Create the Layout
Order Reactive form
Cart Summary
Send the order
Router Guard
Demo & Source Code
Reserved Area
8. CRUD: Simple CMS
FREE
Route and Layout
Product Actions
Selectors
DELETE: delete products
POST: add new product
PATCH: edit existing products
Improvements, Linter & Fixes
Refactoring: Move logic in Effects
Refactoring: Move to Components
Demo & Source Code
9. Authentication
FREE
The Login Page
FREE
Auth Actions
Auth Effects: create sequences of effects
Auth Feature
Auth: extraSelectors
Auth guard
Sync store with Local Storage
Logout
Auth Interceptor
Dom Protection with custom directives
Demo & Source Code
10. Router & NGRX
FREE
BONUS: NGRX Signals
FREE
SignalStore: create the store
FREE
Work with Collections
Debug with Angular Extension
Computed signals
Store Methods: add & delete
Layout Improvements
Store Composition: add filters
async operations and rxMethod
Entities
Loading...
Send your feedback
feedback?
// ARROW TOP for DARK THEME
// ARROW TOP for light THEME// ARROW LINE for DARK THEME
// ARROW LINE for LIGHT THEME
10. Router & NGRX
Discover how Angular Router can be integrated with NGRX
1
min
v.18
v.18
Fabio Biondi
Google Developer Expert
Microsoft MVP
#
COMING SOON
Previous
Demo & Source Code
Next
BONUS: NGRX Signals
URL
/courses/angular/ngrx-book/100-router-ngrx
EMAIL
ADD CODE SNIPPET
ADD IMAGE/SCREENSHOTS
VOTE
5
4
3
2
1
Clean Form
Send
Topics
Courses
Bookmarks
there are no topics
Home
•
Blog
•
Login
•
Register
