Progressively enhanced apps with Svelte
summary
Shows concrete techniques with SvelteKit and Svelte: practical use of SvelteKit's use:enhance forms, server-side load functions, and the Melt UI library to keep pages useful without JS. Demonstrates fixes that actually work — changing server search logic to use contains so autocomplete falls back, wrapping fancy widgets in a no-SSR component to swap native selects, adding a real fallback page for subscribe forms — and points out experimental bits like remote functions and where browser limits force design tradeoffs.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 1:43What is progressive enhancement
- 3:55Why it matters now
- 7:08SvelteKit basics
- 10:16Accessible autocomplete
- 13:25No-JS autocomplete fix
- 14:50Lessons from autocomplete
- 15:55Fallback form buttons
- 16:56Enhanced styled selects
- 19:44No-SSR components
- 20:50Dialog enhancement
- 23:39Form actions fallbacks
- 26:28PE is an art
related talks
29mGet Your Web App Development in Shape with SvelteKit
02h 57mSvelte Cookbook: A Masterclass on SvelteJS
08mWhy Svelte is the best framework for beginner and advanced developers alike
26mAdding Svelte to your legacy projects
40mSvelte, cybernetically enhanced web apps
32mFrom React to Svelte
37mBuilding With SvelteKit
48mSimplify your applications by making them more SVELTE