WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Jun 5, 2024

Snappy UI needs no Single-Page Application

Clemens Helm

Tired of bloated JavaScript bundles and fragile state management? Discover how HTML-over-the-wire delivers snappy, SPA-like interactivity with virtually zero custom client-side code.

Pause
Mute Enter Fullscreen
#1 about 4 min

The era of server-side web development

How early web applications relied exclusively on server-side rendering and full page reloads for every interaction.

#2 about 4 min

The introduction of AJAX and asynchronous rendering

Fetching data asynchronously enabled parallel interactions and faster response times without reloading the entire page.

#3 about 5 min

The complexity costs of early AJAX applications

Asynchronous programming introduced new challenges like callback hell, hard-to-maintain spaghetti code, and cross-site scripting vulnerabilities.

#4 about 4 min

The shift toward single-page applications

Moving away from HTML snippets to JSON data and state management enabled rich client-side interactions and virtual routing.

#5 about 6 min

Hidden complexity and structural issues of SPAs

Large bundle sizes, duplicated validation logic, and memory leaks demonstrate the operational overhead of framework-heavy frontends.

#6 about 9 min

Building interactive UIs with Turbo Frames

Replacing targeted HTML fragments from server responses enables interactive component updates without full page reloads.

#7 about 5 min

Advantages of server-driven UI approaches

Keeping presentation logic on the server reduces client dependencies and ensures state consistency without custom JavaScript.

#8 about 5 min

Choosing the right architecture for web applications

While offline support requires SPAs, page-based applications benefit from server-rendered setups for better initial load speeds.

#9 about 2 min

Balancing complexity and technology tradeoffs

Evaluating architectural choices ensures that new technologies do not introduce unnecessary complexity for simple use cases.

Matching moments

4:22 min

Rethinking the architecture of single page web applications

Jeremy Keith · World Congress 2021

3:37 min

Overview of single page application architecture

Thomas Konrad · LIVE

1:51 min

Eliminating server roundtrips using SPA client frameworks

Julian Burr Julian Burr · World Congress 2026 Europe

3:31 min

The reality of single-page applications versus legacy monoliths

Alexander Lichter · LIVE

3:38 min

Understanding the evolution of modern frontend complexity

Frederik Pietzko Frederik Pietzko · World Congress 2025

2:27 min

Questioning the default use of single page applications

Bene Bene +1 · World Congress 2024

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
12 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
19 days ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
21 days ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
26 days ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
28 days ago

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude

Chris Heilmann, Daniel Cranney

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail
5:46
about 1 month ago

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

Related videos

The Lean Web thumbnail
46:46
JS Congress • almost 5 years ago

The Lean Web

Chris Ferdinandi

Out-of-Order Streaming — The Future of Web Development thumbnail
33:45
World Congress 2026 Europe • 3 months ago

Out-of-Order Streaming — The Future of Web Development

Julian Burr

Why HTMX is crushing React, Vue & Svelte. thumbnail
29:04
World Congress 2024 • about 2 years ago

Why HTMX is crushing React, Vue & Svelte.

Bene, Felix Eckhardt

How to kill JavaScript from your Stack with HTMX and Kotlin thumbnail
23:45
World Congress 2025 • about 1 year ago

How to kill JavaScript from your Stack with HTMX and Kotlin

Frederik Pietzko

Independently together: how micro-applications improve developer experience + app performance thumbnail
28:05
World Congress 2022 • over 4 years ago

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

Bilal Cinarli

Multiple Ships to the Island - Micro Frontends & Island Architectures thumbnail
59:03
LIVE • over 2 years ago

Multiple Ships to the Island - Micro Frontends & Island Architectures

Florian Rappl

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.