In this video, you’re gonna learn how to use Quasar 2 & Vue 3, to create an app with beautiful iOS-style page transitions - where all pages have their own routes - from scratch.

This app features:

• Multiple sections with child pages
• Routes for all pages & child pages
• Pages that keep alive
• Swipe to go back
• Dynamic content
• All the behaviour you would expect from a mobile app
• And much more!

We’ll also get this app running and working as a Real iOS App on a Real iOS device!

In this series I’m documenting my journey creating a real world app from scratch, using Quasar 2, Vue 3 & Composition API. An app that will ultimately be deployed to the iOS, Android, Mac & Windows App Stores.

In each episode of this series, I’m gonna:

• give a progress report of where I’m up to
• talk about what I’ve learned
• talk about any problems I’ve encountered
• show you any interesting code & explain it
• let you know what I’m gonna do next

• 0:00 Introduction
• 2:20 Progress Report
• 15:28 iOS Page Transitions: Getting Started
• 19:43 iOS-Style Layout
• 23:27 Routes & Pages
• 25:25 Global Page Component
• 29:46 Page Component - Style
• 36:20 Dynamic Header & Body Components
• 40:47 Child Page & Router View
• 44:05 Child Page Transition

#quasar #vue