Which Vue Developers should learn TypeScript?
4:22
Installing TypeScript, Transpiling and Watching Files
4:44
Introduction to TypeScript’s Types
8:38
A Quick Tour of TypeScript’s Basic Types
9:21
Functions and Types in Typescript
9:42
Custom Types and Literal Types
6:02
Custom Object Types in TypeScript
7:44
Type Intersections
7:36
Type Unions
7:48
Interfaces
7:50
Intro to TypeScript - Conclusion (for now)
1:19
Generics
10:11
0% done with TypeScript: The Vue Parts

Interfaces

In TypeScript code, you’ll often see Interfaces - constructs that look suspiciously like Types, but with some slightly different syntax and capabilities.

Why does TypeScript have both? When should you use one or the other?

We translate some of our code from previous lessons into Interfaces, inspect the VSCode hints and official documentation for clues, and look at examples from Vue 3, Vuetify, and VueStorefront Next.

By the end, you’ll have vastly expanded the amount of TypeScript code you can read.

Vuetify Example https://github.com/vuetifyjs/vuetify/blob/4c50717c6aeb4ad98d9f8e1d8d8276c8290cfd9b/packages/vuetify/src/components/VSparkline/VSparkline.ts#L20

VueStorefront Next Example https://github.com/DivanteLtd/next/blob/master/packages/commercetools/api-client/src/types/Api.ts

Vue 3 Example

https://github.com/vuejs/vue-next/blob/09b4202a22ae03072a8a8405511e37f65b626568/packages/runtime-core/src/vnode.ts#L45

What do others think of VueScreencasts?
"Short, precise, step-by-step, beginner-friendly and clear."
—Naty Java
"Thank you."
—มะ ม๋า
"Thanks man, cool video"
—Kirill Baryba
Take your career to the next level