The approach we are going to take is heavily derived from our referenced article as well as from the Angular Material dialog implementation. That is, we are going to utilise @angular/animations to enable our component to slide-in and -out of the page.
We utilize the default selectTitle router-selector to get the page title properly by making sure to set the title route config at the deepest or at the leaf node route. If not, then the title will be undefined.
With the release of version 11, Angular has now made it easier to enable Hot Module Replacement (HMR) during development. Literally, with a single flag.
