Svelte - Web App Development Reimagined
summary
Shows a working Todo app built with Svelte and SvelteKit so you see compiled components (no runtime library), the fade animation actually implemented, and the exact code for event dispatching, two-way binding, and the $: reactive statements that recompute values when inputs change. Covers SvelteKit features: file-based routing, file endpoints turned into REST handlers, code splitting, HMR, and adapter deployment to Netlify/Vercel. Demonstrates smaller bundle sizes with benchmark claims and how stores (writable/derived) share state across components.
AI-written summary · about
chapters (23)
- 0:00Intro
- 0:53What is Svelte?
- 2:22What is SvelteKit?
- 6:30Creating a SvelteKit project
- 7:07Running a SvelteKit project
- 7:52Example "Todo App"
- 22:52Logic in markup
- 23:06Top Svelte features
- 25:48Small bundle sizes
- 26:15File-based component defs
- 26:42CSS
- 26:52Easy component state management
- 28:34Reactive statements
- 29:08Example "Loan"
- 30:49Easy app state management
- 31:04Kinds of stores
- 31:25Defining writable stores
- 32:31Using stores
- 33:02Issues to consider
- 34:03Related tools
- 34:43Topics not covered here
- 34:54Svelte resources
- 35:12Conclusion
related talks
25mSimplify Web App Development with Svelte
29mGet Your Web App Development in Shape with SvelteKit
40mSvelte, cybernetically enhanced web apps
24mSvelte: the last framework we need?
08mWhy Svelte is the best framework for beginner and advanced developers alike
40mSvelte is Fast and Makes You Faster
53mSvelte, cybernetically enhanced web apps
01h 14mSvelteJS Under the Hood