UI Skeletons, Ghost Elements, Shell Elements? They are all the same! Think of them as cool content placeholders that are shown where the content will eventually be once it becomes available.
In this ionic 4 tutorial, you will learn the importance of adopting the App Shell pattern in your ionic apps and discuss how to implement it using Ionic 4 + Angular 7 and some advanced CSS techniques.
This repo is the code of an Ionic 4 starter app that we created as part of a Ionic Skeleton Animations guide.
This post is part of the Mastering Ionic 4 series which deep dives into Ionic 4 more advanced stuff. Don’t be afraid, if you are new to Ionic 4, I strongly recommend you to first read our previous introductory ionic 4 tutorial
npm install
ionic serve
https://ionic-4-app-shell.firebaseapp.com/home
Find more Ionic 4 tutorials and starter apps in https://ionicthemes.com
The following skeleton animations are part of our latest Ionic 4 Full Starter App. It’s an ionic 4 starter that you can use to jump start your app development and save yourself hundreds of hours of design and development.
It also has lots of practical use cases you can use to learn Ionic Framework!
