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?
"Thank you for putting in the effort to make these videos and share with all!"
—Ritika Singh
"Thanks for the tutorial. Subscribed!!!! :)"
—Zenish Shrestha
"It's very helpful. Thank you for a great tutorial."
—Abdulaziz Al Ghafli
"You're a blessing my dude. Thank you so much for this!"
—elmo
Take your career to the next level