How to Lazy Load Components in Vue 3 With Suspense

[@guilhermedamasceno343]

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]

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

[@grgurgrisogono656]

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

[@munapadhi8723]

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

[@astrosoup]

This is incredibly helpful. Thank you for creating this.

[@shutterradio]

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

[@grgurgrisogono656]

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

[@RidvanOzaydin]

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

[@grgurgrisogono656]

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

[@timvu5079]

Great content!

[@Moduscreate]

Thanks for watching, Tim!

[@ngaji_it]

Nice video sir!

[@grgurgrisogono656]

I appreciate your support very much!

[@munapadhi8723]

You are rock, I love ur video

[@grgurgrisogono656]

Thank you so very much, you made my day ☺️

[@Max-ge3xb]

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

[@u-sho]

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]

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]

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]

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

[@rickyu1978]

is vue 2 lazy loading simply built upon webpack ?

[@grgurgrisogono656]

@@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 😊

[@basic_t339]

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?

[@TimSpharaoh]

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]

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]

@@grgurgrisogono656 kzbin.info/www/bejne/jH6tp4uKaa1pgK8 seems like this is a good way? Since its replacing Vuex/store? Or you have a better idea

[@mclotos]

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

[@muhammadissasabbagh1540]

cool video.

[@punaky682]

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

[@grgurgrisogono656]

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]

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

[@onepizzatcg]

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

[@abdi_pie7266]

how about vite dude?

[@rickyu1978]

Askourous loading

[@sduduzogumede1835]

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]

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]

@@grgurgrisogono656 indeed