A Simple Vue 3 Reusable Skeleton Loader Component

[@randomdeathafterplannedbir3386]

The resuable animated placehoder component is so neat! Thanks.

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

[@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! 🙌

[@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!

[@mdalamin-re5ge]

Thanks for Video

[@elmenikmati]

awesome!!! 😎

[@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!

[@kingpeng4970]

wow, it is great! thank you!

[@JohnKomarnicki]

You’re welcome!

[@abotsidanny5921]

Very useful bro I like it

[@JohnKomarnicki]

Thanks, glad to hear!

[@gtbaba123]

Ty for vuetify. Plz more vuetify videos ty

[@karthikm.1804]

wordle with vue3😃

[@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.