Learn TypeScript With Vue.js 3 In 20 Minutes

👉Check out my last video on how to speed up your development with vite!

Need to Learn Vue or Nuxt? Check out my courses below!

0:00 Introduction
01:37 Tabnine
02:49 How To Add Types To A Vue App
05:35 Creating iTunes Interface
09:55 Adding iTunes interace to methods and services
12:09 Adding Types To Data Object
14:24 Adding Types To Props Creating ShowAlbum Component
18:23 Convert Options API to Composition API
22:00 Conclusion

♡ ♡ ♡
Make Sure To Check These Courses Out On Udemy ! 💻

Links

[SyedHaroon]

Was waiting for this for a very long time now, Thanks Erik :)

[keyranjoshi]

I am learning Vue and typescript seen many videos but this video teach me many things. I am really thankful to you for the way you explained and showed things like auto-complete and other extensions. it's really awesome, amazing, great video 👏👏👏👏👏

[temetnosce]

Really nice, perfect level of context and practical usage (I'm still mostly vue2 because of some key dependencies, eager to go to vue3 and was thinking about TS). Thanks!

[alech]

It's exactly what I've been looking for. Thanks Erik!

[aram]

Yet another cool video for Vue/TS, I cannot wait until you start modular vuex with TS :) BTW, the theme for syntax highlighting is a bit confusing, because it uses red color for stuff that is correct :)

[rifkiardiansyah]

Didnt know about how you create an interface easily before. Glad this video exist

[geordiehowell]

thanks so much for your top level online tutorials Erik. You have really great delivery / so clear. Thanks

[alexanderhartmaier]

Can you please explain why you‘ve used toRefs on an already reactive object? Thanks!

[bowlingverona]

I wanna thanks for the lecture was really explanatory in how to use typescript & vue3. Using composition API does make sense to user vuex?
Since I'm going through a project which is gonna I kind of store (thinking in VUE 2) what do u suggest.
Thanks

Michele

[poulain]

Yeah !! what i've voted for !! Good to see you again Erik !!

[darkmift]

Thanks...
Coming from angular and having some nom ts Vue background this certainly filled in the blanks.

[jnch]

I'm curious at 21:30 you create a reactive object that has data property of type ItemTypes. But couldn't you just directly do something like "let data = reactive<ItunesTypes>({})" ? One thing I would also be interested in seing the typescript benefit is Vuex!

Really useful video, thank you!

[antonioquintero-felizzola]

Great video as usual! What's the VS Code theme you're using Erik?

[hvogeler]

Erik, following your great videos I started a project using vue 3 with typescript and found out that debugging does not work and jest testing does not work. I spent hours googling. It would be great if there was a video covering the whole dev process including debugging in vscode and testing with jest.

[drewbird]

Duh beard is gone. Thanks for the content Erik. I'm hunting my 2nd dev job and the top pick i'm interviewing with uses Vue. So, I may be joining the Force.

[christianmartinez]

Unrelated to the video but related to the sponsor:
I feel like tabnine performs waayyy better in sublime text 3 than in vscode I just recently switched editors (still using sublime for heavy projects tho) and tabnine in sublime is able to autocomplete up to 3-4 entire lines with the current context while in vscode struggles to even suggest a good autocompletion for the current line

[Anatoly]

sorry by stupid question) whats theme in your vscode

[andreaverrecchia]

Can’t use vetur in intellij idea. Solution? Typescript error message for component not working.

[isaachatilima]

I am learning vue. I have a sign-in page and a dashboard. I converted my HTML admin app to vue app. how do I redirect from login to dashboard with page reload? I need to do this because my js is not working if I do not reload the page.

[samriviera]

You are wearing contact lenses, right? Great camera quality and also quality content ;-).