Svelte Cookbook: A Masterclass on SvelteJS
summary
A hands-on workshop building a working SvelteJS Marvel demo that implements a calculator, pagination, search with enter-key and shared filters via stores/actions, and SSR using Sapper. Covers integration of flatpickr, prefetch-on-hover, service-worker offline support, code-splitting per page and live hydration, and explains Svelte’s compiler approach of static analysis that emits tiny imperative updaters for very small bundles (example: 16 KB).
AI-written summary · about
chapters (12)
- 0:00Introduction
- 10:15Traditional vs Svelte
- 22:12Svelte syntax & components
- 32:05Simple calculator
- 59:20Break
- 1:00:04Marvel app with Svelte Sapper
- 1:36:23Pagination & sorting
- 2:03:52External libraries & events
- 2:17:26Search & performance
- 2:33:30Svelte benchmarks
- 2:41:30Svelte drawbacks
- 2:46:39Q&A
related talks
24mSvelte: the last framework we need?
27mProgressively enhanced apps with Svelte
40mSvelte, cybernetically enhanced web apps
40mSvelte is Fast and Makes You Faster
48mSimplify your applications by making them more SVELTE
08mWhy Svelte is the best framework for beginner and advanced developers alike
06mThat Svelte Magic (and why you should try it)
53mSvelte, cybernetically enhanced web apps