Introduction to Angular Frontend
Explore how to implement an Angular frontend integrated with a reactive Spring WebFlux backend. Understand using Server-Sent Events and RxJS Observables for dynamic data updates, and build a simple master-detail UI showcasing reactive and blocking service patterns.
We'll cover the following...
In the previous chapter, we created a Spring Boot application that offers a reactive web API. In this chapter, we’ll go over how to implement the client’s side using Angular with EventSource and RxJS’ Observable.
Goal
This chapter focuses on the client’s side of the system. We already created a reactive web endpoint that can supply Server-Sent Events, but how do we use it in a more realistic example? That will be our Angular application.
As a disclaimer, I’m far from being an expert in Angular and Typescript so the application has some room for improvement. I’ll skip the Angular basics and jump almost directly into the reactive service.
If you want to learn Angular, please check the ...