Creating transitions between pages – view transactions
As frontend developers, we need to worry about the technical performance of our applications. Small UI details, such as the loading screen that we created in Chapter 8, Improving Backend Integrations: the Interceptor Pattern, improve our users’ perception of the application’s performance. One of these UI details is the transition between pages of our application. Instead of dry loading from one route to another, we can create an animation that smooths this transition, making the user experience more pleasant.
Until version 17 of Angular, it was possible to make this animation using the standard Angular Animation package that we used earlier in the book, in the toaster animation created in Chapter 8, Improving Backend Integrations: the Interceptor Pattern. The way to create this animation is specific to Angular and is not very simple for designers specializing in CSS.
As of version 17 of Angular, there...
