0% completed

All LessonsFree Lessons (3)

Getting Started

Course Introduction Course Project: Online Bookstore

Redux Fundamentals

Introduction to Redux Redux Principles What is the Redux State?Redux Store Dealing with Actions in Redux Reducers Benefits of Redux Summary: Redux Fundamentals Quiz: Redux Fundamentals

NgRx Fundamentals

What is NgRx?Project Overview: Products Component Introduction to the NgRx Store Setting Up the Actions with Action Creators Dispatching Actions Setting Up the Initial States Setting Up the Reducers Setting Up the Store Setting Up the Selectors When to use and not to use NgRx Summary: NgRx Fundamentals Quiz: NgRx Fundamentals

Mini Project

Implementing NgRx Fundamentals

Debugging NgRx

DevTools for Debugging NgRx DevTools Demo Summary: Debugging NgRx Quiz: Debugging NgRx

NgRx with TypeScript

Introduction to Strongly Typed Code Overview of Interfaces in TypeScript Defining Interfaces Strongly Typing the Code Summary: NgRx with TypeScript Quiz: NgRx with TypeScript

NgRx: Advanced Concepts

Working with Lazy-Loaded Modules Selector Composition Demo: Selector Composition Summary: NgRx — Advanced Concepts Quiz: NgRx — Advanced Concepts

NgRx Effects

Introduction to NgRx Effects Isolating Side Effects from Components Implementing the loadProductsAction Method Implementing the getErrorAction Method Defining NgRx Effects Summary: NgRx Effects Quiz: NgRx Effects

Project

Build a Trello Clone in Angular using NgRx

Unit Testing NgRx

Introduction to Unit Testing Testing Reducers Testing Selectors Testing Effects: Configuring the TestBed Testing Effects: Testing the Success Case Testing Effects: Testing the Error Case Summary: Unit Testing NgRx Quiz: Unit Testing NgRx

Mini Project

Implementing Shopping Cart Functionality

Appendix

Additional NgRx Libraries Setting Up the NgRx Store Setting Up DevTools Setting Up NgRx Effects

Conclusion

Concluding Remarks

Project

E-Commerce Store With Stripe API Integration

Mastering State Management with Angular and NgRx/

Implementing Shopping Cart Functionality

Implementing Shopping Cart Functionality

When we visit the home page of our course project, the “Add to Cart” buttons don’t work.

The same thing occurs on the “Product Details” page.

In addition, we don’t have a page that shows the shopping cart yet.

In this hands-on project, we’ll create an Angular module step-by-step so we can implement the these features using NgRx.