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:02 MIN
Questioning the default choice of SPAs for web development
Why HTMX is crushing React, Vue & Svelte.
02:21 MIN
The hidden complexities of single-page applications
Why HTMX is crushing React, Vue & Svelte.
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
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.
Frontend Web Developer - JavaScript | React | Angular | Vue.js | Bootstrap | Tailwind | HTML | CSS
Tech Solutions Gmbh
Brandenburg an der Havel, Germany
API
CSS
GIT
HTML
Scrum
+5
Frontend Web Developer - JavaScript | React | Angular | Vue.js | Bootstrap | Tailwind | HTML | CSS
Tech Solutions Gmbh
Bremen, Germany
API
CSS
GIT
HTML
Scrum
+5
Frontend Web Developer - JavaScript | React | Angular | Vue.js | Bootstrap | Tailwind | HTML | CSS
Tech Solutions Gmbh
Illingen, Germany
API
CSS
GIT
HTML
Scrum
+5