Single-Page Web Apps

Original Web Architecture

Millennial Web Architecture

Single-Page App Architecture

Single-Page App Technologies

Disadvantages of SPA

• More client-side computation
• No built-in caching or compilation of page views
• Less powerful development and testing tools

Advantages of SPA

• Less dependence on specific server technology
• Less server traffic
• Often no server needed, just data, e.g., Firebase
• UI development done by HTML/CSS designers
• Better separation of view from model
• Easier migration to PhoneGap

Links

• Single-page apps
• Standalone web apps -- how to make a web app a home screen icon without browser "chrome"

<More to come!>

Thanks to Hakim El Hattab for the slide template