I can't believe you are promoting these AI coding tools. The companies behind this are scraping your code. If you use that on a project where you have a signed an NDA, you are in breach.
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 👏👏👏👏👏
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
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.
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.
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({})" ? One thing I would also be interested in seing the typescript benefit is Vuex! Really useful video, thank you!
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
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!
Type assertion in the object-based approach is dangerous. The `data` is actually an empty object in the runtime until the query promise is resolved, and if you somewhere try to do access something like `data.results[0]` you will get a TypeError because `data.results` is still undefined. I'd suggest making `data` nullable and do proper conditional handling. However, I have to say they really improved TS support in v3, looks promising. I hope they bring it to the level of a finished product.
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 :)
The syntax seems pretty weird. To make props typesafe writing "as PropType" is so counterintuitive. In React you can just use the normal ":"-operator and give it a type. Vue3's typescript support seems hacky.
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.
Typescript is an overkill with frameworks like vue or nuxt. JavaScript is horrible but typescript is unbearable. The way is to keep things simple. If you need a typed language then go for web assembly.
![Vue.js Course for Beginners [2021 Tutorial]](http://i.ytimg.com/vi/FXpIoQ_rT_c/mqdefault.jpg)
![Vue.js Course for Beginners [2021 Tutorial]](/img/tr.png)
Check out Tabnine, the FREE AI-powered code completion tool I use to help me code faster: www.tabnine.com/get?.com&Erik
Can I use Composition API for state management with Typescript, Please reply Mr.Erik Hanchett
I can't believe you are promoting these AI coding tools. The companies behind this are scraping your code. If you use that on a project where you have a signed an NDA, you are in breach.
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 👏👏👏👏👏
Was waiting for this for a very long time now, Thanks Erik :)
thanks so much for your top level online tutorials Erik. You have really great delivery / so clear. Thanks
You're very welcome!
Didnt know about how you create an interface easily before. Glad this video exist
Can you please explain why you‘ve used toRefs on an already reactive object? Thanks!
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
Thanks...
Coming from angular and having some nom ts Vue background this certainly filled in the blanks.
Great video as usual! What's the VS Code theme you're using Erik?
SynthWave '84
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.
Great video, Thank you so much
You are wearing contact lenses, right? Great camera quality and also quality content ;-).
Let me just say it. I loooooove your videos
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.
+1 yes right. it could be very useful
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({})" ? One thing I would also be interested in seing the typescript benefit is Vuex!
Really useful video, thank you!
Can’t use vetur in intellij idea. Solution? Typescript error message for component not working.
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
What is your theme and fonts used?
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!
sorry by stupid question) whats theme in your vscode
It's exactly what I've been looking for. Thanks Erik!
Type assertion in the object-based approach is dangerous. The `data` is actually an empty object in the runtime until the query promise is resolved, and if you somewhere try to do access something like `data.results[0]` you will get a TypeError because `data.results` is still undefined. I'd suggest making `data` nullable and do proper conditional handling.
However, I have to say they really improved TS support in v3, looks promising. I hope they bring it to the level of a finished product.
Using the optional changing operator ( ?.[0] ) should prevent any error but is there any better approach?
big thx! Great matherial, hello from Russia!
Thanks!
Nice tutorial, thanks.
What theme vscode u have ?
Erik, I want to encourage to eschew `let`: you almost always should use `const` instead.
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 :)
Thank you , for the video
what is your editor theme, man
Excellent tutorial!
The syntax seems pretty weird. To make props typesafe writing "as PropType" is so counterintuitive. In React you can just use the normal ":"-operator and give it a type. Vue3's typescript support seems hacky.
Great video, thanks
Yeah !! what i've voted for !! Good to see you again Erik !!
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.
Good that you used Options API in the example project. Composition API is not the best for teaching basic stuff.
To the point !!
What about Composition API?
You had me at 20 minutes lol
ionic with vue, erick !
OMG, Thanks
Why did you use "let" with reactive and ref? There is no reason to do this.
Wow im upset I was spooked about learning typescript for so long
Why you are not using class components? This looks baad :/.
Learn TypeScript
"click like and subscribe" CTA 25 seconds in is not going to get a lot of conversions. I have no idea who you are or if this video is valuable to me
I like vuetify
Typescript is an overkill with frameworks like vue or nuxt. JavaScript is horrible but typescript is unbearable. The way is to keep things simple. If you need a typed language then go for web assembly.
seriously this is making me love angular even more...lol