Svelte Society
Migrating the second biggest furniture website in the world to Svelte — Svelte Summit Spring 2025
updated
We're being hosted by Planes!
- Paolo Ricciuti: Surprise! Svelte Secretly Sending Signals
- Confidence Okoghenun: Building a Custom File Upload Component in Svelte with R2
We're being hosted by Cloudflare!
Dynamic layouts with snippets: https://www.sveltelab.dev/bpclwjfjh8icv6z
- https://hack.sveltesociety.dev/2024/winners
- https://hack.sveltesociety.dev/
- http://svelte.dev/chat
Heavy lean in on AI for this one
- Rowan Aldean: Using AI to launch our pure svelte blog in 10 minutes ✨
- Scott Spence: Bridging the Gap: Using MCP Tools to Stay Current with Svelte 5
We're being hosted by Foolproof in London city!
In this episode we sit down with Timothy Cohen and talk about his project SampleKit (https://www.samplekit.dev) and Svelte 5.
Sponsored by Svelte Summit (sveltesummit.com)
Svelte Summit is an event dedicated to Svelte and everything that is happening in the community. Don't miss it! It's going to be an absolute blast. It's happening on May 8 and 9, 2025 in Barcelona Spain.
• Background
• Wes Bos & Scott Tolinski
• How svelte works under the hood
• Odin Project - theodinproject.com
• MOOC - CS50 Harvard X
• SampleKit - https://www.samplekit.dev
• 3 different things
• Preprocessor (mdsvex)
• melt-ui
• alternative to mdsvex
• Demos
• caprover
• coolify
• dokku
• shopify
• Sasa Juric
• Articles
• TypeSafe Fetch Handler - https://www.samplekit.dev/articles/typesafe-fetch-handler
• SvelteKit Search Params - github.com/paoloricciuti/sveltekit-search-params
• What do you think about Svelte 5?
• Reactive Statements
• Snippets
• Picks
• Timothy: Crafting Interpreters by Robert something (look up)
• Kevin: New York
• Email: contact@timcohen.dev
• GitHub: timothycohen
In this episode we sit down with Dominik G — a Svelte maintainer — and talk about Svelte 5 and the new Environment API in Vite 6.
Sponsored by Svelte Summit (sveltesummit.com)
Svelte Summit is an event dedicated to Svelte and everything that is happening in the community. Don't miss it! It's going to be an absolute blast. It's happening on May 8 and 9, 2025 in Barcelona Spain.
Discussion
• Who is Dominik?
• vite-ecosystem-ci
• Dominiks talk at JSNation
• Vite
• Environment
• Björn Lu
• Cloudflare Workers
• Miniflare
• Samuel Inlang environments for i18n
• Jeppe Reinhold (Storybook)
• Svelte 5
• SvelteKit and how the Environment
• Error Boundaries (PR here)
• Migrating
• $: to run function
• Don’t reach for effect, use derived!
• You can use effect to get the same functionality as onMount/Destroy
• Hackathon
• Return to Castle Wolfenstein
• Wolfensvelte
• Threltemania
In this episode we sit down with Rich Harris — creator of Svelte — and talk about the recent development of Svelte and SvelteKit.
Sponsored by Svelte Summit (sveltesummit.com)
Svelte Summit is an event dedicated to Svelte and everything that is happening in the community. Don't miss it! It's going to be an absolute blast. It's happening on May 8 and 9, 2025 in Barcelona Spain.
Discussion
• Rich Harris introduction
• Svelte 5 Feedback
• Simon and Paolo shoutout
• New command line tool: npx sv migrate svelte-5
• Advent of Svelte
• Svelte
• error boundaries
• bind: set/get
• Actions
• Async stuff
• Load in Kit
• Stores not scoped!!! WHY NOT?
• Kit
• State based equivalents of the stores
• AsyncContext/AsyncLocalStorage
• Error boundaries built-in
• Partial Pre-rendering
• JSNation
• Hot takes
• Rich: We need more hot tak
• Kevin: SQLite is the best
• PIcks
• Rich:
• Bluesky
• Book - Lifespan, David Sinclair
In this episode we sit down with Scott Tolinski — cohost of Syntax.fm — to talk about Svelte 5 and local first development.
Sponsored by Svelte Summit (sveltesummit.com)
Svelte Summit is an event dedicated to Svelte and everything that is happening in the community. Don't miss it! It's going to be an absolute blast. It's happening on May 8 and 9, 2025 in Barcelona Spain.
Discussion
• Who is Scott?
• Check out Syntax on YT
• Primeagen feud thing
• North Star
• AI Robot
• Building App in Svelte
• Brad frost design system
• Svelte 5 beginners course vs other frameworks
• Svelte 5
• Local first
• InstantDB
• Zero Sync
• Meteor
• Drop in (project)
• Svelte Summit talk
In this episode we sit down with Julian Burgess to talk about what he does at Bloomberg, how he uses Svelte and some thoughts about Svelte 5 and other exciting tech.
Sponsored by Svelte Summit (sveltesummit.com)
Svelte Summit is an event dedicated to Svelte and everything that is happening in the community. Don't miss it! It's going to be an absolute blast. It's happening on May 8 and 9, 2025 in Barcelona Spain.
Discussion
• Introduction and background
• Svelte 5 thoughts
• What does Bloomberg use Svelte for?
• Zed editor
• Side projects
• Unpopular opinions
• Kevin: ORMs are shit, just use SQL
• Julian: CSS shouldn’t exist
• CSS Zen Garden: csszengarden.com
• Kevin: https://corset.dev
Picks
• Kevin: London is great!
• Julian: Gooey
• Svelte tweak pane: github.com/kitschpatrol/svelte-tweakpane-ui
• dat.gui: github.com/dataarts/dat.gui
Reepolee - reepolee.com
SvelteKit builds on top of Svelte to help us build performant web apps by providing routing, build optimization, data preloading, etc. On top of that, SvelteKit supports multiple rendering strategies that allows us to tailor our web app performance based on our needs and the available resources. You might have heard of terms such as SPA, SSR, SSG, CSR, prerendering, or hydration but not quite sure what they are. Or maybe, you were wondering which one is the best strategy for the next big thing you are building. In this talk I will explain about each rendering strategy, and show how flexible SvelteKit is by mixing and matching them in the same app.
Reepolee - reepolee.com
Let's set the scene. Your talk is due in two days. You should knock a couple of slides together. You dread facing PowerPoint again. It's so annoying. And everything turns out so ugly. What if you could use some HTML and CSS and magic to make beautiful slides quickly? ...Your talk is due in two hours. You're battling CSS centring and wonky transitions. Your hubris will be your downfall. It should have been so simple. A talk on repurposing SvelteKit to generate beautiful and lightweight online presentations quickly, leveraging PartyKit for synchronising slides across presenter view and a mobile clicker. Leverage reusable templates, dynamic backgrounds, markdown parsing, and some fun tricks to create splendid slideshows with a few lines of code.
Reepolee - reepolee.com
Adventures in adapting to evolving project needs at The Australian National University—a developer-designer's tale of ditching React for Svelte and shenanigans with GSAP, Leaflet, and ScrollTrigger.
Reepolee - reepolee.com
Local First is about writing software that feels native. In this talk, I'll share real code to cover the spectrum of types of Local First apps built with Svelte 5 and Svelte Kit. From easy local data with IndexedDB, to advanced data syncing servers with Replicache and even multiplayer apps. After listening to this talk, attendees will understand both the landscape as well as the technical approaches to writing software that is incredibly fast, works offline and feels like a native app.
Reepolee - reepolee.com
How can you integrate Svelte's single-file components with Storybook's API that requires multiple named exports for stories? That's the question we'll answer for you in this talk.
Reepolee - reepolee.com
Thrilled by the capabilities and simplicity of Svelte 5, I started working on a simple Svedit component. (think ProseMirror, but in less than 1000 lines of code).
Reepolee - reepolee.com
At Impierce Technologies, we are developing UniMe, a digital identity wallet that gives individuals full control over their data. To successfully build a cross-platform mobile app with a small team, we chose Tauri and SvelteKit as our stack. Leveraging our expertise in Rust and Svelte enabled us to deliver a secure and polished mobile app.In this talk, we will share our insights on using SvelteKit as the UI framework in a Tauri mobile app.
Reepolee - reepolee.com
Render your WordPress shortcodes as Svelte components, making it easy to enhance blogs, tutorials, and pages written in WordPress, bridging the gap between content management and interactivity. Perfect for developers and content creators who want the best of both worlds: WordPress’s familiar editing with Svelte’s dynamic rendering.
Reepolee - reepolee.com
Behavioral testing is a form of integration testing in which, after one defines and codes a few basic step definitions, the mass of test code is written in plain English (or another natural language). This means that everyone on the team, from the designers to the C-suite to even the end users themselves, should be able to understand, agree upon and contribute to a cadre of tests that both defines and verifies the behavior of your application. I'm tremendously excited by the possibilities of behavioral testing and I'd like to get you started with it in SvelteKit, and hopefully showcase some tools that could simplify first steps and expand the horizons of what's possible.
- Paolo: The joy of side projects ✨
- tba
We're being hosted by Foolproof in London city!
Reepolee - reepolee.com
Reepolee - reepolee.com
Timestamps (coming soon)
00:00:00 Standby screen
00:15:00 INTRO
00:18:00 Behavioral Testing with SvelteKit, by David hunt
00:28:00 BREAK
00:30:30 (Headless) WordPress Shortcodes as Svelte Components, by Elron
00:37:30 BREAK
00:39:30 Marking Country: a scrollytelling saga, by Tabs
00:49:30 BREAK
00:52:00 Demystifying Client & Server Rendering in SvelteKit, by Henry Lie
01:17:20 BREAK
01:19:30 Elevating the DX of using Storybook for Svelte, by Mateusz Kadlubowski
01:32:30 BREAK
01:35:00 Slide... (to the left) – Presentations with SvelteKit & PartyKit, by James Camilleri
02:07:00 BREAK
02:09:30 Lessons Learned from Building a Mobile App with Tauri and SvelteKit, by Thilo Maier
02:19:00 BREAK
02:21:00 Local First Svelte, by Scott Tolinski
02:46:00 BREAK
02:49:00 Building a minimum viable rich text editor with Svelte 5, by Michael Aufreiter
03:00:00 BIG BREAK
03:15:00 Introducing something new..., by Ben McCann
03:26:00 BREAK
03:30:00 And one more thing..., by Rich Harris
03:45:00 Hackathon
00:00:00 Standby screen
00:01:01 Intro
00:01:35 Changelog
00:30:20 Exploring Inertia.js
00:00:00 Standby screen
00:00:53 Intro
00:02:13 Changelog
00:27:40 Showcase: formgator
00:00:00 Standby screen
00:01:04 Intro
00:01:56 Changelog
00:31:06 Showcase: Kampsy-ui
00:51:29 Global/shared state
- maya: The joy of side projects ✨
- tba
We're being hosted by Future House in Clapton!
00:01:05 Intro
00:01:30 Changelog
00:26:15 Indeterminate checkbox
00:44:15 Classes and actions
For slides and resources visit: https://reitzner.at/talks/2024-09-svienna
00:01:10 Intro
00:01:55 Changelog
00:40:00 Context API
00:58:00 JSX and Single FIle Components
00:01:00 Intro
00:01:40 Changelog
00:24:00 svelte-fsm
00:48:00 Trailing slash
01:04:40 script context=module
00:45 Intro
02:00 Changelog
21:30 Why $props instead of $prop
35:00 You might not need $state
00:00 Standby screen
01:00 Intro
01:20 Changelog
18:40 svelte:component is obsolete
33:40 race and maybeStream functions
00:00 Standby screen
00:40 Intro
01:50 Changelog
15:50 Svelte Summit
23:00 Showcase: OptimistiKit
48:50 Discussion: Database options


