Generally speaking, animations kinda suck. They require complicated CSS and JavaScript fine-tuning, often involve state management, and can sometimes break at the slightest touch. They do make for a delightful user experience though, so they’re worth getting really good at

The View Transitions API provides us with a mechanism to manage animations in single page applications. This native API not only handles transitions, but effectively manages the DOM state change under the hood. And it’s customizable with some straightforward CSS.

In this talk we’ll look at how to use the View Transitions API using a demo app, and also take a bit of a dive into how this works under the hood.