How to create Ghost Elements & Skeleton Pages using ion-skeleton-text in Ionic Framework

In this Ionic Framework tutorial, we learn how to create skeleton pages & ghost elements using the ion-skeleton-text component. In the example given, we use Ionic Angular, but the same concepts can be applied with Ionic React & Ionic Vue. Skeleton UIs are a modern programming pattern used to show loading progress on a page before the content loads.
DEMO PROJECT - codeswag.net/?p=64
Support codeswag on Patreon - / codeswag
CHAPTERS
00:00 - Start
00:52 - What are UI skeletons?
01:25 - Why use UI skeletons?
02:26 - How to implement UI skeletons?
02:40 - Getting started with the demo project
03:26 - Explanation of the code we are working with, in the demo project
08:00 - How to use ion-skeleton-text
11:45 - Skeleton UI Browser test
Support codeswag on Patreon - / codeswag
Social Media Links
-------------------------------
Facebook - / codeswag.net
Twitter - / codeswagyoutube
Instagram - / codeswag.co.uk
Support codeswag on Patreon - / codeswag
Please support this channel by buying some awesome tech gadgets for yourself or a loved one from our online store at www.codeswag.net/shop

[@rampage241]

Thank you! Great tutorial, very well explained 😊

[@CodeSwag]

Thanks for watching!

[@tin5180]

Just the video I needed for my Mobile App Engineering class! Thanks so much and PLEASE keep posting 🙏🏾

[@CodeSwag]

More to come!

[@kamalessafi]

this is the best introduction ever

[@CodeSwag]

Thanks Kamal! Please do subscribe for more videos

[@kamalessafi]

Already done

[@harukananase9568]

Thank youuu

[@lucaschoga9563]

nice!

[@CodeSwag]

Thank you! Cheers!