Adopting TypeScript in your Vue projects doesn't have to be all or nothing. Learn the essential skills you need to leverage what makes TypeScript great in your Vue apps. You'll learn to integrate TypeScript with Vue's options API and the Vue 3+ composition API.
Overview
Syllabus
- Introduction
- TypeScript
- Repo & Vue CLI Setup
- Declaring Prop Types
- Adding Prop Types Practice
- Using Types in Multiple Components
- Computed Properties & Methods
- Converting to TypeScript Practice
- Refactoring Options API Methods
- Migrating to Composition API Practice
- Using the Script Setup Block
- Custom Types Exercise
- Custom Types Solution
- Types and Constants Q&A
- Single Source of Truth Practice
- Compiler Macros: defineProps
- Compiler Macros: defineEmits
- Compiler Macros Practice
- Event Handlers
- Autofocus Form Elements
- Autofocus Practice
- Custom Event Handlers
- Custom Event Practice
- Global State Management with Pinia
- Creating a Store Practice
- Deploying to Netlify
- Creating an Edit Page Exercise
- Creating an Edit Page Solution
- Wrapping Up
Taught by
Ben Hong