Clemens Helm

Snappy UI needs no Single-Page Application

Single-Page Applications are often overkill. Build faster, simpler UIs by sending HTML over the wire instead of JSON.

Snappy UI needs no Single-Page Application
#1about 1 minute

How SPAs came to dominate frontend development

Modern frontend development has become synonymous with frameworks like React and Angular, shaping developer identity and career paths.

#2about 8 minutes

The evolution from server rendering to AJAX

Web development moved from full-page reloads to asynchronous updates with AJAX, which improved user experience but introduced complexity like callback hell.

#3about 10 minutes

The rise and trade-offs of single-page applications

SPAs offer fast navigation and offline capabilities but create challenges with large bundles, SEO, complexity, and memory leaks.

#4about 3 minutes

Demonstrating a snappy UI without a single-page application

A task list application demo shows how to achieve a highly interactive user experience without a full page reload.

#5about 7 minutes

How Turbo Frames work under the hood

The demo works by having the server return HTML snippets wrapped in `turbo-frame` tags, which a small JavaScript library uses to update the DOM.

#6about 4 minutes

The benefits of a server-centric interactive approach

Using a server-driven approach like Turbo Frames results in faster initial loads, less complexity, and centralized application logic.

#7about 1 minute

Identifying the right use cases for SPAs

Single-page applications are the right choice for applications requiring rich interactivity, complex state management, or offline support.

#8about 3 minutes

When to use alternatives to single-page applications

Server-rendered approaches are ideal for page-based applications like e-commerce sites where fast initial loads and SEO are critical.

#9about 2 minutes

Choosing the right tool and managing architectural complexity

Developers should consciously evaluate trade-offs and avoid adopting trends like SPAs or microservices without considering the added complexity.

Related jobs
Jobs that call for the skills explored in this talk.

job ad

Saby Company
Delebio, Italy

Intermediate

d

Saby Company
Delebio, Italy

Junior

Matching moments

Questioning the default choice of SPAs for web development
00:02 MIN

Questioning the default choice of SPAs for web development

Why HTMX is crushing React, Vue & Svelte.

The hidden complexities of single-page applications
02:21 MIN

The hidden complexities of single-page applications

Why HTMX is crushing React, Vue & Svelte.

Understanding single page application architecture
01:35 MIN

Understanding single page application architecture

A Primer in Single Page Application Security (Angular, React, Vue.js)

The case for progressive enhancement in legacy applications
00:53 MIN

The case for progressive enhancement in legacy applications

petite-vue - Progressively enhancing every application?

Prioritizing user needs over developer convenience
35:02 MIN

Prioritizing user needs over developer convenience

The State Of The Web

Comparing frameworks for building multi-page applications
00:32 MIN

Comparing frameworks for building multi-page applications

Marko.js: Unsung Hero of Scalable Web Frameworks

Q&A on refactoring SPAs and page transitions
28:37 MIN

Q&A on refactoring SPAs and page transitions

The Lean Web

The evolution of modern web development
00:03 MIN

The evolution of modern web development

Angular Unleashed: Mastering Modern Web Development with Angular

Featured Partners

Related Videos

See all videos
Catching up on the basics you don't really need that much code14:44

Catching up on the basics you don't really need that much code

Chris Heilmann

Why HTMX is crushing React, Vue & Svelte.29:04

Why HTMX is crushing React, Vue & Svelte.

Felix Eckhardt & Benedikt Stemmildt

Multiple Ships to the Island - Micro Frontends & Island Architectures59:03

Multiple Ships to the Island - Micro Frontends & Island Architectures

Florian Rappl

The Lean Web46:46

The Lean Web

Chris Ferdinandi

Front-End Micro Apps35:17

Front-End Micro Apps

Serg Hospodarets

Independently together: how micro-applications improve developer experience + app performance28:05

Independently together: how micro-applications improve developer experience + app performance

Bilal Cinarli

Meet Your New BFF: Backend to Frontend without the Duct Tape51:04

Meet Your New BFF: Backend to Frontend without the Duct Tape

Noam Honig

Why I Recommend Svelte to Every New Web Developer31:21

Why I Recommend Svelte to Every New Web Developer

Markus Hatvan

Related Articles

View all articles
CH
Chris Heilmann
WeAreDevelopers LIVE days are changing - get ready to take part
Starting with this week's Web Dev Day edition of WeAreDevelopers LIVE Days, we changed the the way we run these online conferences. The main differences are:Shorter talks (half an hour tops)More interaction in Q&AA tips and tricks "Did you know" sect...
WeAreDevelopers LIVE days are changing - get ready to take part
LM
Luis Minvielle
The Best 7 Frontend Frameworks for Developers in 2025
Which frontend frameworks should developers focus on in 2025? We’re listing them for you and showing advantages and drawbacks. You’ll notice we included some libraries as well, because you can’t miss those in 2025.What is the best front end framework...
The Best 7 Frontend Frameworks for Developers in 2025
BB
Benedikt Bischof
Web Development Best Practices: What The Data Tells us
Welcome to the new issue of the WeAreDevelopers Live Talk series. This article recaps an interesting talk by Laurie Voss who gave advice about the best practices in web development. What you will learn:What’s the current state of web development - “k...
Web Development Best Practices: What The Data Tells us

From learning to earning

Jobs that call for the skills explored in this talk.