Vue.js 3 and the Composition API is here.

Learn to build real world apps with the Composition API, TypeScript, Vue Router and testing with Vue Test Utils.

Why the Composition API?

Vue.js 3 and the Composition API brings presents an entirely new way to structure your apps with two key benefits:

  • Better code organization and reuse via composition
  • Improved type safety with TypeScript

We cover this, and more.

  • TypeScript
  • Testing
  • New Reactivity System
  • Design Patterns
  • Composition Fundamentals


4+ hours of content

Build a social blogging app, complete with code block, syntax highlighting, users and a post timeline.

6 modules

Six modules, introducing the Composition API, testing with Vue Test Utils, routing with Vue Router and building a flux store from the ground up.


Each lecture is focused on a single topic, with everything you need to build any kind of app using Vue.js, TypeScript and the composition API.

Course Overview

The Basics

  • Components Basics
  • Better Types with TypeScript
  • Reactivity with ref and computed
  • Introducion to Unit Tests
  • Refactoring with Confidence

Reactive Flux Store

  • The Suspense API
  • Flux Store Fundamentals
  • Designing a Store with Reactivity
  • Routing with Vue Router

Building a Rich Text Editor

  • Two-way Binding with v-model
  • Template Refs
  • Emitting Events
  • Markdown & Syntax Highlighting

Advanced Concepts

  • Plugins with provide/inject
  • A useModal Composable
  • v-model with Custom Components
  • Mocking with Jest
  • Separating Business Logic

Crafting a User Experience

  • Editing Posts
  • Front-end User Validation
  • Caching Getters
  • Router Guards
  • Vue-flavored Authorization

Finishing Up, What's Next?

  • Building for Production
  • Webpack and Rollup
  • Refactoring and Improvements
  • How to level up as a Vue.js Developer

Who Is This For?

This is an intermediate level course. You should be familiar with CSS, HTML and modern JavaScript and ideally have some familiarity with Vue.js or a similar framework.

We move fast but revisit concepts in different contexts to reenforce the underlying ideas.

Still unsure? Watch the first few lectures for free and make a decision!

Watch the first few lectures for free! 🎉

Still not sure? Email me and ask.

Meet the author

lachlan miller profile picture

Lachlan is full stack developer and Vue.js testing hero from Brisbane, Australia.

He is part of the Vue.js community as a contributor to its open source ecosystem, as well as by providing education content through his blog and his book, the Vue Testing Handbook.

He led the creation of Vue Test Utils for Vue.js 3, one of the libraries used in this course.


Thank you Lachlan, you've been a great help in my career.

- Dokiace

Seems like you have a knack for covering all the things I'm struggling with most :)

- fultonium

I think these are some of the best Vue 3 tutorials I've seen in a while!

- Rollison9

  • Access to all 6 modules, 45+ lectures

  • Lifetime access to all content, updates, source code

  • Email support

  • 🎉 release special! 🐦

Frequently Asked Questions

What Format is Vue.js: The Composition API?

It's an online, video based course 🎥. There are 6 modules with 7-8 videos per module. Each lecture has a branch with the source code for your reference.

What if it's not for me?

I know you'll love it, but no problem - if you decide it's not for you, shoot me an email and I'll refund you - no questions asked.

Wages in my country are low. I cannot afford the course 🙁

Understandable. Email me and we can sort something out. Same goes if you are a student - get in touch.

Can I download the videos?

As of right now no - I'm working on providing a way to download all the lectures.

I need help! Do you offer support?

Send me and email, I'll do my best to help you out. Building modern web apps can be challenging, but it's very rewarding 🎉

Also available on Udemy ($10 OFF release special)