App Shell

What is and how to use our Application Shell in any Angular application.

An application shell (or app shell) architecture is one way to build a Progressive Web App that reliably and instantly loads on your users' screens, similar to what you see in native apps.

The shell is the minimal CSS, HTML and JavaScript required to power the user interface and when cached offline can ensure instant, reliably good performance to users.

The main goal of the app shell is to improve our app’s perceived performance.

We included the app shell pattern in this angular template because we believe it is a step forward in terms of user experience. However, if you don't want to use it, you are free to remove it from your app.

You can find a use case for the Image Shell component in the Cards Page: