Gain insights into building Reactive Web Applications with Spring Boot 2 and Spring WebFlux, from database integration to front-end. Explore Reactive vs MVC, performance, and deployment with Docker.   


Full Reactive Stack with Spring Boot 2 and Spring WebFlux.png

tarball.tar.gz

initialzr

spring-mongo-only

Lesson-playing-with-reactive-endpoints

angular-app-with spring-mongo

angular-app-with spring-mongo-copy

spring-mongo-only-copy

initialzr-copy

This course is your guide to using Spring Boot 2 and Spring WebFlux to create Reactive Web Applications. 

You will learn how to build a full-reactive system from the database (MongoDB reactive) to the front-end (Angular), using a Reactive programming strategy leveraged by Spring WebFlux, with the simplicity offered by Spring Boot 2. 

Beyond that though, you will be able to compare the Spring WebFlux with the standard MVC approach as well, covering the main aspects such as simplicity, performance, user experience, and more.

The last part of the course ties it all up by teaching you to run the application using Docker compose. By the end of this course, you will have a great new skill for your resume and you’ll be able to build your own projects using the full Reactive stack.

Full Reactive Stack: Spring Boot 2 & Spring WebFlux

You must use Angular to subscribe to reactive streams in the frontend.

You must use Angular to subscribe to reactive streams in the frontend.

EventSource is part of the ____________. 

EventSource is part of the ____________.

EventSource can be used to call JSON REST APIs as well.

EventSource can be used to call JSON REST APIs as well.

EventSource takes care of refreshing the DOM, but you need to assign the element tag to update.

EventSource only handles the data reception; you need to connect this data to DOM updates, e.g., via Observable (RxJS) and ChangeDetectorRef (Angular).

Which of the following statements better defines how you can integrate EventSource with your HTML?


Which of the following statements better defines how you can integrate EventSource with your HTML?

Assign a handler function to `eventsource.onmessage`

In order to read the Server-Sent Events, you ___________.

In order to read the Server-Sent Events, you ___________.

You can create your own convention and send a special element from the server that flags the end of the stream.

You can write an error handler function and verify that `eventsource.readystate` is 0.

You can check if the received object is empty, which means the connection is closed.

Which of the following techniques can you use to detect the end of an event stream with EventSource?

Which of the following techniques can you use to detect the end of an event stream with EventSource?

You can pipe each received element to an Observable and let other services or components subscribe to it.

Both use the same syntax: publish(), subscribe(), etc.

Eventsource integrates well with RxJS because ____________.

Eventsource integrates well with RxJS because ____________.

You can display elements as you receive them from the server, which improves the user experience.

You save bandwidth, which leads to better performance.

The main advantage of using SSE in the frontend is ______________.

The main advantage of using SSE in the frontend is ______________.

Connecting the frontend with the WebFlux backend quiz

Connecting the frontend with the WebFlux backend quiz

Time for a quick quiz on connecting the frontend with the WebFlux backend.

Reactive Web

Full Reactive Stack Backend

Connecting Angular With the WebFlux Backend

Conclusion

Appendix

Quiz: Connecting the Frontend With the WebFlux Backend