15 Vue 3 Tips and Tricks

Sdílet
Vložit
  • čas přidán 27. 07. 2024
  • Vue has become a popular framework for web development and with the recent changes made in Vue 3, I've decided to create this video where we will be looking at 15 tips and tricks for increasing productivity, maintainability, and scalability when creating Vue apps.
    #vue #tips #tricks
    ⚡ RESOURCES ⚡
    Vue 3 - v3.vuejs.org/
    Vue 3 Style Guide - v3.vuejs.org/style-guide/
    VeeValidate - vee-validate.logaretm.com/v4/
    Vue Tutorial Playlist - • Vue 3 Composition API ...
    ⭐ TIMESTAMPS ⭐
    0:00 - Intro
    0:24 - Environment Tips
    2:22 - App Config Tips
    3:33 - Vue Component Tips
    6:13 - Conclusion

Komentáře • 33

  • @patrickwasp
    @patrickwasp Před 3 lety +17

    tip 15 is key. awesome info, thanks!

  • @johannschopplich
    @johannschopplich Před 3 lety +10

    I'm glad your channel got recommended to me by the magical CZcams algorithm. Your videos are concise, just like videos from Fireship or the Vue docs. Looking forward to more, although I still have some to watch. Good luck with your channel!

  • @jaqb_007
    @jaqb_007 Před 3 lety +3

    I really like that series about Vue 3 Composition API. Well prepared, thoughtful, short but with all needed infomration. Comparing to others Vue youtubers...really good content. I'm waiting for more like these about Vue 3 :)

  • @petarstoyanov8976
    @petarstoyanov8976 Před 3 lety +2

    Nice one! Thanks for the legendary content!

  • @ilug5197
    @ilug5197 Před 3 lety +1

    Tip 15 makes me smile. Awesome🥁

  • @damianperez7736
    @damianperez7736 Před 3 lety +5

    jsx in composition api? that's some next level thing, pls make a video about that.
    I can see you in the future doing a course in vue mastery

    • @CodingWithJustin
      @CodingWithJustin  Před 3 lety +1

      Thanks! I'm using JSX in many of my projects as it also adds a better typescript experience. I'll definitely create a video about it!

  • @Kijiroshi
    @Kijiroshi Před 3 lety +3

    Wow, loved the editing and the content. CZcams recommendations finally did something good by bringing me here!

  • @ZyncInteractive
    @ZyncInteractive Před 3 lety +2

    Your channel and Fireship.io. My top go to channels now. Thanks heaps. For anyone looking at this is 2021. Vue 3 Snippets highlight Formatters I think has had it's name changed to Vue 3 Support - All in One.

  • @Paul7Peterson
    @Paul7Peterson Před 3 lety +5

    Lovely 💚

  • @deltastudios6845
    @deltastudios6845 Před 3 lety

    15th tip made my day, thank you so much!!

  • @jondoe79
    @jondoe79 Před 3 lety +1

    Superb content 👍

  • @vutran7924
    @vutran7924 Před 3 lety +1

    Thank for tips.

  • @TodorescuProgramming
    @TodorescuProgramming Před 3 lety

    man your production has skyrocketed... really inspiring me with my own tutorials channel :)

  • @JamesQQuick
    @JamesQQuick Před 2 lety +1

    Awesome!

    • @CodingWithJustin
      @CodingWithJustin  Před 2 lety

      Ive been following your content for a while! Let me know if you want to do a collab

  • @madhupolu1417
    @madhupolu1417 Před 2 lety

    What's the vscode extension that you're using for component highlighter @4:47 (showing different color)?

  • @_parassolanki
    @_parassolanki Před rokem

    For vue 3 projects volar is the recommended extension for vs code it has nice ts support and syntax highlighting.

  • @hellocheng7071
    @hellocheng7071 Před 2 lety

    thank you .

  • @heyyy4987
    @heyyy4987 Před 3 lety

    Nice

  • @TheMaDNiaC
    @TheMaDNiaC Před 2 lety

    About #12: Optional chaining returns undefined if accessed property does not exist, not null. Both are nullish values though.

  • @damianperez7736
    @damianperez7736 Před 3 lety

    I didn't notice but at 3:53 on line 1 you can read "32.8K (gzipped ...)" what extension is that?

  • @darkmift
    @darkmift Před 3 lety

    While I agree with #11 from a logical perspective it is a common practice to avoid such use in most projects I came across

  • @ihsanmohamad521
    @ihsanmohamad521 Před 3 lety

    I'm new to vue, is nuxt compatible with vue 3?

    • @CodingWithJustin
      @CodingWithJustin  Před 3 lety +1

      Not yet. Many things currently aren't

    • @ihsanmohamad521
      @ihsanmohamad521 Před 3 lety

      @@CodingWithJustin well that's a bummer 😕. Hope it will soon. Thank you for the tips sir!

  • @Boobouh
    @Boobouh Před rokem

    still waiting for nuxt 3 production ready to this day 💀

  • @LyallvanderLinde
    @LyallvanderLinde Před 3 lety

    *Template Interpolation Service* make the vscode very slow. I do not recommend

  • @tajeddinealaoui445
    @tajeddinealaoui445 Před 3 lety

    Reading docs nor subscribing to your channel is not a useful advice in my opinion.