A Simple Vue 3 Reusable Skeleton Loader Component

[@randomdeathafterplannedbir3386]

The resuable animated placehoder component is so neat! Thanks.

[@christopherokonkwo]

I'm so happy to be able to do this myself without needing an external plugin...Thanks John

[@shahabdev2520]

That was something exciting and helpful. Thanks John, Keep dropping informative videos like this.

[@JohnKomarnicki]

I appreciate that Shahab! 🙌

[@khizer3528]

Usually in projects I prefer using beforeRouteEnter with progress bar before navigating to the route but I will definitely use this approach as this is more user friendly .

[@JohnKomarnicki]

Definitely different ways to handle these types of things! This is one of many :)

[@pedrobonorino9063]

Super cool video! Definitely going to use on future projects!

[@JohnKomarnicki]

Awesome, glad to hear!

[@randel_mcafee86]

Super helpful, John! Great video :)

[@JohnKomarnicki]

Thanks Randel!

[@kingpeng4970]

wow, it is great! thank you!

[@JohnKomarnicki]

You’re welcome!

[@abotsidanny5921]

Very useful bro I like it

[@JohnKomarnicki]

Thanks, glad to hear!

[@raptor7483]

Super useful. Could it be used to wait for data from Pinia which runs or doesn't run an api? Very often my components are ready before data comes from Pinia.

[@JohnKomarnicki]

Yeah, it can be used to wait for any async component or view!

[@mdalamin-re5ge]

Thanks for Video

[@elmenikmati]

awesome!!! 😎

[@gtbaba123]

Ty for vuetify. Plz more vuetify videos ty

[@Dylan_thebrand_slayer_Mulveiny]

This pattern will not scale well in any real world application. Having to create a copy of every template you want to use it on will quickly become untenable. The better approach would be to use Css itself, have it target areas of the template content and fill it with content via pseudo elements until the content is loaded.

[@karthikm.1804]

wordle with vue3😃