SPA Design and Architecture

List of Figures

Chapter 1. What is a single-page application?

Figure 1.1. In a traditional web application, each new view (HTML page) is constructed on the server.

Figure 1.2. In an SPA, the presentation layer moves to the client-side code, and transactions never require a browser refresh.

Figure 1.3. The HTML shell is the beginning structure. It has no content yet, only an empty DIV tag.

Figure 1.4. Subsections of the shell are called regions. A region’s content is provided by a view.

Figure 1.5. In traditional site design, each HTML file is a complete HTML page.

Figure 1.6. In an SPA design, one complete HTML file contains placeholders for the HTML fragments stored in view files.

Figure 1.7. A view is the marriage of data and one or more templates. ...