Vue JS 3: The Composition API (Inc Script Setup, TypeScript)

Learn Vue.js 3 with TypeScript, the Composition API and Pinia (2022)

(RE-RECORDED JULY 2022, UPDATED OCT 2020 w/ TESTING)

Vue.js 3 and the Composition API is here!

Learn to build a complex, real world application with the Composition API, TypeScript, Pinia and Vue Router, taught by Lachlan Miller. maintainer of Vue Test Utils and Vue.js team member. This is an intermediate-advanced course aimed at developers with some basic programming experience with tools such ES6 JavaScript.

We move fast and introduce all the required topics to build highly dynamic, complex single page apps with Vue.js 3 and the new Composition API.

Unlike other courses, testing and design patterns are at the core of everything we do. We explore the new features Vue.js 3 brings to the table. Some of the things you'll learn:

- How to use and test new Vue 3 components with Cypress and Test Utils

- Building reusable modules using the new reactivity API

- TypeScript to create type safe applications

- Creating a complex, real-time markdown editor

- Integrating third party libraries from npm

- Implementing authentication and authorisation with JWT (JSON Web Tokens) and cookies

- Routing, include navigation guards with Vue Router 4

- Writing and testing complex interactions (Vitest, Vue Test Utils)

- A real back end with Express and TypeScript

This is an intermediate to advanced course; some basic programming knowledge is required. I respect your time and have packed as much content into the course as possible. Rather than explaining the same basic concepts 10 times over, move quickly and see the same concepts applied in different contexts to reinforce them.