How to Lazy Load Components in Vue 3 With Suspense

Поделиться
HTML-код
  • Опубликовано: 10 ноя 2024

Комментарии • 38

  • @guilhermedamasceno343
    @guilhermedamasceno343 2 года назад +1

    Thanks for this video, I got some really good insight on a bug I was having on the production build of a SPA thanks to it.

  • @rizkhal
    @rizkhal 3 года назад +1

    This great guy explained very well and the manner is not boring, thank you very much!

    • @grgurgrisogono656
      @grgurgrisogono656 3 года назад

      I'm sending you a virtual 🍻 for making my day! Thank you soooo much!

  • @munapadhi8723
    @munapadhi8723 4 года назад +1

    After I see your all vue video I think it's more powerful framework very lite bit but amazing performance.

  • @astrosoup
    @astrosoup 3 года назад +1

    This is incredibly helpful. Thank you for creating this.

  • @shutterradio
    @shutterradio 4 года назад +2

    Nice video effects! Really helps to emphasise the important parts.

    • @grgurgrisogono656
      @grgurgrisogono656 4 года назад

      I'm really glad it helped. Thank you for sharing feedback, David 🙌

  • @Max-ge3xb
    @Max-ge3xb 3 года назад +1

    Each time you ignore the error that you cant use v-else with v-for together, you make Evan You cry

  • @RidvanOzaydin
    @RidvanOzaydin 4 года назад

    Content is great but the way you present is outstanding ...

    • @grgurgrisogono656
      @grgurgrisogono656 4 года назад

      You're too kind 🙌 Thank you *very* very much for your support ❤️

  • @basic_t339
    @basic_t339 3 года назад

    at 4:07 I saw two 0.js, why is the async component called twice?
    at 5:38 as well, saw two user.js? is this a bug or feature?

  • @mclotos
    @mclotos 4 года назад

    I'm confused, I download Your code from github, but it doesn't show the loading message for each item - only the generic loader.

  • @u-sho
    @u-sho 4 года назад +1

    In vue2, lazy loading component was great function, and now, it has become greater!!
    I tell you my glad when I find out this video, from Japan.
    And I fall in love with the font in your vscode.
    If you don't mind, would you like to tell me the font name?

    • @grgurgrisogono656
      @grgurgrisogono656 4 года назад +1

      Thank you so much! I'm glad the hard work to prepare, record, and edit these video is appreciated.
      As for the font, I use Operator Mono Book with custom added ligatures. A bit of extra work but I'm very satisfied with it

    • @u-sho
      @u-sho 4 года назад

      Grgur Grisogono Thanks for the reply!
      Because we have to write non-ascii characters (or just a language barrier), I never heard "Operator Mono Book." But it looks so cool❣️I'll become a bit busy with a part-time job to get a font in this summer of last year as a university stuedent💪🏼 (For ligature, I'm going to ride upon the shoulders of Giants living GitHub;) I really appreciate your kind. Thanks!!

    • @grgurgrisogono656
      @grgurgrisogono656 4 года назад +1

      @@u-sho Thank you u_sho san, that's kind of you. Good luck with the job this summer!

    • @rickyu1978
      @rickyu1978 4 года назад

      is vue 2 lazy loading simply built upon webpack ?

    • @grgurgrisogono656
      @grgurgrisogono656 4 года назад

      @@rickyu1978 It leverages some of the functionality in bundlers like Webpack. Of course, you could use a custom solution built on top of another bundler, but the important part is how `import()` creates a code-splitting point 😊

  • @TimSpharaoh
    @TimSpharaoh 4 года назад

    have you got a login / jwt header tutorial around? I am used to storing the JWT in a Vuex store. Noticed from another one of your tutorials a better way to work without vuex

    • @grgurgrisogono656
      @grgurgrisogono656 4 года назад

      You could use a hook to store the JWT token. Make sure you don't store it in browser storage. Cookies are ok, memory is fine, just make sure scripts can't find it easily (localStorage is easy to tap into)

    • @TimSpharaoh
      @TimSpharaoh 4 года назад

      @@grgurgrisogono656 ruclips.net/video/VMJvXT4H6JM/видео.html seems like this is a good way? Since its replacing Vuex/store? Or you have a better idea

  • @timvu5079
    @timvu5079 4 года назад +6

    Great content!

  • @ngaji_it
    @ngaji_it 4 года назад +2

    Nice video sir!

  • @munapadhi8723
    @munapadhi8723 4 года назад +1

    You are rock, I love ur video

  • @onepizzatcg
    @onepizzatcg 3 года назад

    but do we really need to see so many times that it mentions that it is loading the component? It should only show a single loader and that's it

  • @punaky682
    @punaky682 4 года назад

    Nice video, I'm pretty newbie in vue. If you don't mind can you tell me your vscode setting thank you.

    • @grgurgrisogono656
      @grgurgrisogono656 4 года назад +1

      Thanks! Sure, what do you want to know about? I try to keep things simple so I tend to use few extensions and few customizations. The font is Operator Mono Book for code and Meslo for terminal. I use a custom modifications of Dracula theme where I tuned the colors a bit. I also recommend Vetur extension if you work with Vue. Which other settings did you want to know about?

    • @punaky682
      @punaky682 4 года назад

      @@grgurgrisogono656
      I think that's enough, thank u again

  • @muhammadissasabbagh1540
    @muhammadissasabbagh1540 3 года назад

    cool video.

  • @abdi_pie7266
    @abdi_pie7266 4 года назад +1

    how about vite dude?

  • @rickyu1978
    @rickyu1978 4 года назад +1

    Askourous loading

  • @sduduzogumede1835
    @sduduzogumede1835 4 года назад

    I'm triggered by the fact that you kept on saying webpack and that to know vue one has to understand how webpack works of which is not true at all

    • @grgurgrisogono656
      @grgurgrisogono656 4 года назад +1

      You're right, knowing Webpack is not necessary to be a good Vue developer. However, I do believe that anyone who wants to grow should also know what happens to their code in production and the dynamics of how it's shipped. Again, that isn't to say that one has to know everything about Webpack, but it's definitely good to know the parts that are consumed from the source code of a Vue component. Would you agree?

    • @tealc5581
      @tealc5581 3 года назад

      @@grgurgrisogono656 indeed