Angular Animations Tutorial: Route Transitions

If you’ve ever worked with an Angular application that has routing, you may have wanted to add transitions as you navigate between routes. It would just make the app feel more elegant overall. Well, if you didn’t know, this is totally doable with the Animation module and in this video, I’ll show you just how easy it is. Alright, let’s get to it.
------------------------------------------------------------------------------
📺 More Angular Animation Tutorial Videos:
1.) Learn the Basics ( • Angular Animations Tut... )
2.) Enter & Leave Animations ( • Angular Animations Tut... )
3.) The Keyframes Function ( • Angular Animations Tut... )
4.) Query and Stagger Functions ( • Angular Animations Tut... )
5.) Parallel Animations ( • Angular Animations Tut... )
6.) Animating to an Unknown Height ( • Angular Animations Tut... )
8.) Creating Reusable Animations ( • Angular Animations Tut... )
9.) Disable and Enable Animations ( • Angular Animations Tut... )
------------------------------------------------------------------------------
💖 Help Support the Channel:
If you found this helpful and want to show some love, you can always buy me a coffee (buymeacoffee.com/briantreese)!
------------------------------------------------------------------------------
🔗 Demo Links:
- Before (stackblitz.com/edit/stackblit...)
- After (stackblitz.com/edit/stackblit...)
------------------------------------------------------------------------------
📖 Chapters:
0:00 - Introduction
0:58 - The Demo Application
1:34 - The Existing Code
3:02 - Creating the Route Transition Animation
6:21 - Adding the Route Transition Animation to the Parent Component
7:50 - Triggering the Route Transition when Changing Routes
9:50 - Conclusion
------------------------------------------------------------------------------
#angular #angular_developer #angulartraining #javascript #typescript #frontend #angularcourse #animation

[@muskmilanmilkshakemmm3880]

as a migrator from react to angualar I always found difficulty in animating comps in angular. now I'm super glad, that i found channel of yours, keep going brother !! 🔥🔥

[@briantreese]

Thanks, I really appreciate that! Glad you found it helpful.