Loading Screen Tips & Tricks
Explore how to implement reactive loading screens in your web applications using RxJS. Learn to display tips and tricks dynamically during API calls by leveraging observables, switchMap, takeUntil, and other operators. This lesson guides you through creating a user-friendly loading experience with reactive streams.
We'll cover the following...
Project overview
I believe this is a very interesting final project for the course. Suppose you are delivering a SaaS, which takes a few seconds to load, and you don’t want to leave your users staring at a loading spinner. Instead, you would like to show some tips and tricks for using your application.
Take lucidchart.com, for example: While the application is loading, tips & tricks, keyboard shortcuts, etc. are shown behind a loading screen. They stop showing when the application is fully loaded. This means that from the moment a request is made to the API until the response is received, the tips & tricks screen is shown.
Simulation
Let’s see how we can implement this functionality using reactive ...