Learn TypeScript With Vue.js 3 In 20 Minutes

Поділитися
Вставка
  • Опубліковано 11 січ 2025

КОМЕНТАРІ • 57

  • @ProgramWithErik
    @ProgramWithErik  3 роки тому +6

    Check out Tabnine, the FREE AI-powered code completion tool I use to help me code faster: www.tabnine.com/get?.com&Erik

    • @angurajdinesh8644
      @angurajdinesh8644 3 роки тому

      Can I use Composition API for state management with Typescript, Please reply Mr.Erik Hanchett

    • @LeoPlaw
      @LeoPlaw 3 роки тому +1

      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.

  • @SyedHaroon786
    @SyedHaroon786 3 роки тому +7

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

  • @rifkiardiansyah616
    @rifkiardiansyah616 2 роки тому

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

  • @keyranjoshi10
    @keyranjoshi10 2 роки тому +1

    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 👏👏👏👏👏

  • @geordiehowell9087
    @geordiehowell9087 Рік тому

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

  • @justpatrick_
    @justpatrick_ 3 роки тому +1

    Let me just say it. I loooooove your videos

  • @3alech
    @3alech 3 роки тому

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

  • @darkmift
    @darkmift 3 роки тому

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

  • @alexanderhartmaier1827
    @alexanderhartmaier1827 3 роки тому +2

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

  • @maryamjanalizade8647
    @maryamjanalizade8647 2 роки тому

    Great video, Thank you so much

  • @bowlingverona
    @bowlingverona 3 роки тому +1

    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

  • @temetnosce7482
    @temetnosce7482 3 роки тому

    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!

  • @poulain1721
    @poulain1721 3 роки тому

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

  • @aceracer5556
    @aceracer5556 2 роки тому

    big thx! Great matherial, hello from Russia!

  • @j4nch
    @j4nch 3 роки тому +1

    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!

  • @rajikkali
    @rajikkali 3 роки тому

    Excellent tutorial!

  • @winns.x
    @winns.x 3 роки тому

    Nice tutorial, thanks.

  • @samriviera6299
    @samriviera6299 2 роки тому

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

  • @drewbird87
    @drewbird87 3 роки тому

    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.

  • @sergiogb
    @sergiogb 3 роки тому

    Great video, thanks

  • @k3rnel_err0r
    @k3rnel_err0r 3 роки тому +1

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

  • @aram5642
    @aram5642 3 роки тому

    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 :)

  • @bakhtiyor_sulaymonov
    @bakhtiyor_sulaymonov 3 роки тому

    Thank you , for the video

  • @kennydev27
    @kennydev27 3 роки тому

    What theme vscode u have ?

  • @hvogeler
    @hvogeler 3 роки тому +1

    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.

    • @keyranjoshi10
      @keyranjoshi10 2 роки тому

      +1 yes right. it could be very useful

  • @hamedzolfaghari7214
    @hamedzolfaghari7214 3 роки тому

    What is your theme and fonts used?

  • @christianmartinez2179
    @christianmartinez2179 3 роки тому

    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

  • @weizhou2384
    @weizhou2384 3 роки тому

    what is your editor theme, man

  • @arslanali774
    @arslanali774 3 роки тому

    To the point !!

  • @Anatoly8818
    @Anatoly8818 3 роки тому

    sorry by stupid question) whats theme in your vscode

  • @givehuggy
    @givehuggy 3 роки тому +1

    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.

    • @christianmartinez2179
      @christianmartinez2179 3 роки тому

      Using the optional changing operator ( ?.[0] ) should prevent any error but is there any better approach?

  • @isaachatilima
    @isaachatilima 2 роки тому

    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.

  • @kid_rz
    @kid_rz 3 роки тому

    ionic with vue, erick !

  • @andreaverrecchia3907
    @andreaverrecchia3907 2 роки тому

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

  • @AugustoTitan
    @AugustoTitan 3 роки тому +1

    Good that you used Options API in the example project. Composition API is not the best for teaching basic stuff.

  • @AnyFactor
    @AnyFactor 3 роки тому +1

    You had me at 20 minutes lol

  • @ssahillppatell
    @ssahillppatell 3 роки тому

    OMG, Thanks

  • @jsinnerx
    @jsinnerx 3 роки тому

    What about Composition API?

  • @malvoliosf
    @malvoliosf 2 роки тому

    Erik, I want to encourage to eschew `let`: you almost always should use `const` instead.

  • @samriviera6299
    @samriviera6299 2 роки тому +1

    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.

  • @Jandodev
    @Jandodev 2 роки тому

    Wow im upset I was spooked about learning typescript for so long

  • @MajharulAsif
    @MajharulAsif 3 роки тому

    Learn TypeScript

  • @wolfisraging
    @wolfisraging 3 роки тому +6

    seriously this is making me love angular even more...lol

  • @randomailer
    @randomailer 3 роки тому

    Why did you use "let" with reactive and ref? There is no reason to do this.

  • @roxy171103
    @roxy171103 2 роки тому

    I like vuetify

  • @s3blag
    @s3blag 3 роки тому

    Why you are not using class components? This looks baad :/.

  • @thisswanwearssocks
    @thisswanwearssocks 2 роки тому

    "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

  • @rakibullahsazib1268
    @rakibullahsazib1268 3 роки тому

    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.