Serverless Single Page Apps

Creating an Application Shell

When using the app, you may have noticed that reloading the problem view can sometimes cause the landing page markup to temporarily flash onto the screen. This flash of markup occurs when the browser renders the page once before triggering the event that loads the application. This can occur, or not, depending on exactly how quickly the various resources of the application are loaded.

This flash of markup is annoying at best, and confusing at worst. Clearly, this is something we’re going to want to address. The good news is that it’s a pretty simple fix, and the change will create a new and important structure in our application: the shell.

The shell is the visible markup that’s outside the templates and the view ...