In the previous part, I have shown how to build a sample mockup API for CRUD application as well as build a sample list page. In this part, we will continue to build CRUD application on creating, updating and deleting an entity using Ngrx.
In this guide, we just focus on how to build a CRUD application with Angular (version 8) that has already installed the Ngrx, not on setting up an Angular application or installing the Ngrx library. You can follow the following guides to do those task:
- Set up an Angular application: https://codeburst.io/how-to-build-an-angular-app-with-angular-cli-in-a-couple-of-minutes-43089d3ab272
- Install the Ngrx library: https://ngrx.io/guide/store/install
If you have no idea what is Ngrx, I recommend you to read this to explore more about it. And if you have a basic knowledge of Redux, I think you will be easy to approach this library.
In this part, we will learn how to define actions, reducer, selectors and build a page to display all items that are selected from the store using the Ngrx.
As you know WebSockets makes it possible to open a two-way interactive communication session between the user’s browser and a server. With this API, you can send messages to a server and receive event-driven responses without having to poll the server for a reply. But now we have another option to communicate between backend and client application by using the web Push Notification.