Project Overview: Products Component
Explore the functionality of the Products component in an Angular app using a mock backend with angular-in-memory-web-api. Understand how product data is fetched and displayed, and learn the drawbacks of direct service calls. This lesson sets the foundation to transition product data handling to NgRx for optimized state management.
We'll cover the following...
Introduction
In this lesson, we’ll briefly explain the functionality of AppModule. Let’s go through the important files one at a time.
-
Data service: Since this course is about NgRx, won’t code a real server using Node.js or PHP to keep things simple. To simulate a backend, we’ll utilize the
angular-in-memory-web-apilibrary.The
InMemoryDbServicefrom theangular-in-memory-web-apiis implemented by theDataServiceclass. The ...