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
10:21 MIN
Adopting a lean web approach with multi-page apps
The Lean Web
33:55 MIN
Audience Q&A on practical micro-frontend challenges
Micro-frontends anti-patterns
Featured Partners
Related Videos
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
59:03Multiple Ships to the Island - Micro Frontends & Island Architectures
Florian Rappl
29:04Why HTMX is crushing React, Vue & Svelte.
Felix Eckhardt & Benedikt Stemmildt
28:05Independently together: how micro-applications improve developer experience + app performance
Bilal Cinarli
40:01Progressive Web Apps - The next big thing
Nico Martin
31:21Why I Recommend Svelte to Every New Web Developer
Markus Hatvan
From learning to earning
Jobs that call for the skills explored in this talk.
Frontend Web Developer - JavaScript | React | Angular | Vue.js | Bootstrap | Tailwind | HTML | CSS
Tech Solutions Gmbh
Illingen, Germany
API
CSS
GIT
HTML
Scrum
+5
Fullstack Web Developer - JavaScript | React | PHP | Python | Angular | Vue.js | Node.js | Bootstrap
Tech Solutions Gmbh
PHP
API
CSS
GIT
HTML
+8
Senior Web Applications Developer - JavaScript/React/HTML
Adaptive Financial Consulting
Barcelona, Spain
CSS
HTML
React
JavaScript
TypeScript
Full Stack Engineer C# .Net Core React SaaS
Client Server
Leatherhead, United Kingdom
Remote
€60-70K
CSS
HTML
Azure
+8