Join the early access list for my course! https://learnastro.dev
View Transitions make MPAs feel and act like SPAs. In this video, we’ll talk through the View Transitions feature in Astro 3.0.
🔗 Key Links 🔗
- View Transitions Docs: https://docs.astro.build/en/guides/view-transitions/
- Github: https://github.com/coding-in-public/astro-view-transitions-v3
---------------------------------------
🔗 Additional Links 🔗
- https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API
---------------------------------------
📹 Related Videos 📹
- What’s New in 3.0? https://youtube.com/watch?v=wHkZ4hY-3zk
---------------------------------------
⏲️ Timestamps ⏲️
0:00 Introduction
1:05 View Transition Basics
1:48 Transition Controls
7:16 Maintaining State
11:45 Customizations
16:13 Outro
---------------------------------------
🎨 VSCode Theming
- Font: Cascadia Code: https://github.com/microsoft/cascadia-code
- Theme: https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-community-material-theme
- Icons: https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedicons
---------------------------------------
🌐 Connect With Me 🌐
- Website: https://codinginpublic.dev
- Blog: https://chrispennington.blog
- Twitter: https://twitter.com/cpenned
- Patreon: https://www.patreon.com/coding_in_public
- Buy Me a Coffee: https://www.buymeacoffee.com/chrispennington