Clemens Helm
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.
Matching moments
01:35 MIN
Understanding single page application architecture
A Primer in Single Page Application Security (Angular, React, Vue.js)
35:02 MIN
Prioritizing user needs over developer convenience
The State Of The Web
28:37 MIN
Q&A on refactoring SPAs and page transitions
The Lean Web
00:03 MIN
The evolution of modern web development
Angular Unleashed: Mastering Modern Web Development with Angular
27:46 MIN
Combining micro frontends with an islands architecture
Multiple Ships to the Island - Micro Frontends & Island Architectures
35:48 MIN
Demo of a server-rendered micro frontend application
Multiple Ships to the Island - Micro Frontends & Island Architectures
00:02 MIN
Questioning the default choice of SPAs for web development
Why HTMX is crushing React, Vue & Svelte.
10:21 MIN
Adopting a lean web approach with multi-page apps
The Lean Web
Featured Partners
Related Videos
59:03Multiple Ships to the Island - Micro Frontends & Island Architectures
Florian Rappl
29:04Why HTMX is crushing React, Vue & Svelte.
Felix Eckhardt & Benedikt Stemmildt
14:44Catching up on the basics you don't really need that much code
Chris Heilmann
46:46The Lean Web
Chris Ferdinandi
35:17Front-End Micro Apps
Serg Hospodarets
28:05Independently together: how micro-applications improve developer experience + app performance
Bilal Cinarli
23:45How to kill JavaScript from your Stack with HTMX and Kotlin
Frederik Pietzko
51:04Meet Your New BFF: Backend to Frontend without the Duct Tape
Noam Honig
From learning to earning
Jobs that call for the skills explored in this talk.
Angular Developer
Picnic Technologies B.V.
Amsterdam, Netherlands
Intermediate
Senior
RxJS
Angular
TypeScript
Lead Full-Stack Engineer
Hubert Burda Media
München, Germany
€80-95K
Intermediate
Senior
React
Vue.js
Node.js
MongoDB
+1
