Boosting Performance with Reactive Caching
Caching data and assets is one of the most efficient ways to improve the user experience of our web applications. It’s a good way to speed up the load times of our web applications and keep the number of network requests to a minimum.
We will start this chapter by defining the caching requirement for our application’s client side and looking at its motivation. Then, we will learn how to implement this requirement reactively using RxJS operators. After that, we will describe a better way to do this using the latest features of RxJS 7. Finally, we will highlight another use case of caching streams, which is for side effects.
In this chapter, we’re going to cover the following main topics:
- Defining the caching requirement
- Exploring the reactive pattern to cache streams
- Highlighting the use of caching for side effects