Svelte is Fast and Makes You Faster
summary
Claims Svelte compiles components to custom JavaScript with no runtime libraries, producing tiny bundles and a hard‑coded dependency graph that lets updates surgically touch only affected DOM nodes. Demo uses npx degit to scaffold, npm run dev and VS Code, builds a light‑switchboard: componentized lights, props, bind two‑way binding, dynamic array with add button, reactive $: declarations and each/await blocks. The app works and toggles instantly; transitions and tweening are shown as available.
AI-written summary · about
chapters (22)
- 0:00Introduction to Svelte
- 1:23Speaker background
- 3:29What is Svelte?
- 5:59Why Svelte is special
- 8:03Live demo setup
- 9:07HTML in Svelte components
- 10:14Styling in Svelte
- 12:42JavaScript in components
- 13:24Reactivity basics
- 15:51Event handling
- 18:00Fast DOM updates
- 19:46Child components
- 21:30One-way data binding
- 24:18Two-way data binding
- 26:24Array binding
- 27:06Reactive statements
- 30:54Dependency graph
- 31:17Conditional rendering
- 32:21Dynamic lists
- 34:30Adding new lights
- 34:53Favorite Svelte features
- 38:24Conclusion and Q&A
related talks
40mSvelte, cybernetically enhanced web apps
53mSvelte, cybernetically enhanced web apps
24mSvelte: the last framework we need?
08mWhy Svelte is the best framework for beginner and advanced developers alike
01h 14mSvelteJS Under the Hood
25mSimplify Web App Development with Svelte
36mSvelte - Web App Development Reimagined
48mSimplify your applications by making them more SVELTE