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 - Read more, Prompt Less thumbnail
1:01:30
7 days ago

WeAreDevelopers LIVE - Read more, Prompt Less

Chris Heilmann, Daniel Cranney, Luise Freese

WeAreDevelopers LIVE - Tech Education in Two Languages thumbnail
1:00:18
14 days ago

WeAreDevelopers LIVE - Tech Education in Two Languages

Daniel Cranney, Roxy Rodriguez-Becker

WeAreDevelopers LIVE - Playing in Production thumbnail
1:06:40
20 days ago

WeAreDevelopers LIVE - Playing in Production

Andrew MacLean, Daniel Cranney, Christian Heilmann

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
about 1 month 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
about 1 month 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
about 1 month ago

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

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

React Under Fire: Rendering Performance for Streaming Agent UIs

  • Abhirupa Mitra

    Slack

    Senior Member of Technical Staff

Open session

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

  • Vidhya Krishnamoorthy

    Morgan Stanley

    VP, Software Engineering Manager

Open session

Build a Zero-Cost AI Agent in Your Browser

  • Aishwarya Mathuria

    Adobe

    Computer Scientist

  • Nishant Thakur

    Adobe

    Senior Computer Scientist

Open session

From Profiler to Production: Measuring What Actually Matters in React & React Native

  • Andrei Tazetdinov

    Dynatrace

    React Native Developer

Open session

Multi-Cloud Isn't a Project. It's a Side Effect.

  • Antonio Mendoza Pérez

    Temporal Technologies

    Staff Developer Success Engineer

  • Gaurav Thadani

    Temporal

    Staff Developer Success Engineer

Open session

AI Is the Easy Part: Why Faster Engineers Don't Make Faster Businesses

  • Bharat Sharma

    Booking

    Senior Engineering Manager

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.