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
02:19 MIN
Questioning the default choice of SPAs for web development
Why HTMX is crushing React, Vue & Svelte.
Unlock full access
Log in or set up an account to access this feature and more.
04:25 MIN
The hidden complexities of single-page applications
Why HTMX is crushing React, Vue & Svelte.
Unlock full access
Log in or set up an account to access this feature and more.
02:50 MIN
Understanding single page application architecture
A Primer in Single Page Application Security (Angular, React, Vue.js)
Unlock full access
Log in or set up an account to access this feature and more.
03:32 MIN
The case for progressive enhancement in legacy applications
petite-vue - Progressively enhancing every application?
Unlock full access
Log in or set up an account to access this feature and more.
05:12 MIN
Prioritizing user needs over developer convenience
The State Of The Web
Unlock full access
Log in or set up an account to access this feature and more.
02:49 MIN
Comparing frameworks for building multi-page applications
Marko.js: Unsung Hero of Scalable Web Frameworks
Unlock full access
Log in or set up an account to access this feature and more.
03:54 MIN
Q&A on refactoring SPAs and page transitions
The Lean Web
Unlock full access
Log in or set up an account to access this feature and more.
04:34 MIN
The evolution of modern web development
Angular Unleashed: Mastering Modern Web Development with Angular
Unlock full access
Log in or set up an account to access this feature and more.
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
40:01Progressive Web Apps - The next big thing
Nico Martin
35:17Front-End Micro Apps
Serg Hospodarets
28:05Independently together: how micro-applications improve developer experience + app performance
Bilal Cinarli
31:21Why I Recommend Svelte to Every New Web Developer
Markus Hatvan
36:39A Primer in Single Page Application Security (Angular, React, Vue.js)
Thomas Konrad
43:08On tour with heroes == Moving from Angular to WebComponents
Benjamin Glusa
Related Articles
View all articles
.gif?w=240&auto=compress,format)
From learning to earning
Jobs that call for the skills explored in this talk.
infomax websolutions GmbH
Grassau, Germany
Intermediate
Senior
CSS
HTML
JavaScript
TypeScript
doinstruct Software GmbH
Berlin, Germany
Senior
GIT
JavaScript
TypeScript
infomax websolutions GmbH
Grassau, Germany
Senior
Vue.js
Angular
JavaScript
TypeScript
Die Socialisten
Vienna, Austria
Senior
Jest
React
Redux
JavaScript
Lotum media GmbH
Bad Nauheim, Germany
Senior
Node.js
JavaScript
TypeScript
autoiXpert GmbH & Co. KG
Stuttgart, Germany
Senior
Node.js
Angular
MongoDB
TypeScript
