Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)

Ready to upgrade your Vue.js skills? This course is designed for developers already comfortable with Vue 2 and the Options API, and will guide you through a seamless transition to Vue 3 and the powerful Composition API.

I'm Danny, an indie app developer and creator of Fudget, the top-rated personal finance app available on iOS, Android, Mac, and Windows. I recently spent the last 12 months building Fudget 2, leveraging the latest advancements in Vue 3 and the Composition API.

We'll start by dissecting the core differences between the Options API and the Composition API through a hands-on exercise: building a simple Vue 2 application and then refactoring it to use the Composition API.

You'll then master essential Vue 3 concepts, including:

• Reactive Data: Learn to manage dynamic data with Refs and Reactive Objects.
• Methods, Computed Properties & Watchers: Implement efficient data manipulation and side effects.
• Lifecycle Hooks: Understand and utilize the various lifecycle hooks for component control.
• Directives: Enhance your templates with powerful directives.
• Vue Router: Build single-page applications with seamless navigation.
• Child Components: Master component communication with advanced techniques for handling props, emits, and modelValue.
• Dynamic Components: Create components that adapt and change based on data.
• Composables: Learn to create reusable logic with Composables and leverage the VueUse library.
• State Management with Pinia: Discover Pinia, the recommended state management solution for Vue 3, as a successor to Vuex.

The course culminates in a practical project: building Noteballs, a real-world application with full CRUD (Create, Read, Update, Delete) capabilities. This project demonstrates the practical application of all the concepts you've learned, utilizing Pinia for state management.

Firebase 9 Update (June 2022): The course has been significantly updated with 3 hours of new content dedicated to Firebase 9. We'll cover:

• Integrating Noteballs with Firebase Cloud Firestore for robust data storage.
• Implementing Authentication to enable user registration, login, and logout.
• Adding Realtime Data Sync for instant data updates across devices.
• Implementing Firebase Security Rules to protect your application's data.
• Deploying your finished app to Firebase Hosting for easy sharing.

By the end of this course, you'll be empowered to build your own robust Vue 3 applications using the Composition API from the ground up.

Prerequisites: A basic understanding of Vue 2 and the Options API, HTML, CSS, and JavaScript is required.

Check out the preview videos to get a feel for the course! I'm excited to see you join the community and build amazing things with Vue 3!