Isomorphic Web Applications

List of Figures

Chapter 1. Introduction to isomorphic web application architecture

Figure 1.1. A wireframe showing the homepage for All Things Westies, an isomorphic web app

Figure 1.2. Isomorphic apps build and deploy the same JavaScript code to both environments.

Figure 1.3. The isomorphic app flow from initial browser request to SPA cycle

Figure 1.4. The server-rendered version of the All Things Westies homepage

Figure 1.5. App flow for the initial server render

Figure 1.6. Browser render and bootstrap—between steps 1 and 4, the app won’t respond to user input.

Figure 1.7. Google PageSpeed Insights presents a warning for a single-page application. The application makes too many AJAX calls to fetch visible content after the initial load of ...