01:50 Changelog 15:50 Svelte Summit 23:00 Showcase: OptimistiKit 48:50 Discussion: Database options

00:02:13 Changelog 00:27:40 Showcase: formgator

Updates and changes in the Svelte ecosystem. Key topics include improvements to the migration script, fixes related to reactivity, CSS issues with has and not selectors, and enhancements to the Svelte compiler. @sheepdog/svelte aims to simplify asynchronous code management in Svelte applications. The library introduces tasks with various modifiers like debounce, queue, drop, keep latest, and restart to handle different scenarios of asynchronous operations.

Updates on Svelte 5.0.8, including new features like spring and tween classes, media query support, and improvements to if blocks. The episode also includes a community showcase on GPU-rendered components with the svader library, demonstrating how to create interactive shaders with Svelte.

Durable objects and a library related to PartyKit and durable objects. The changelog section discusses several updates, including reducing hydration comments, fixing bugs related to bind groups, and improving the handling of props IDs in Astro.

Vest is a powerful form validation framework inspired by the syntax and style of unit testing libraries like Mocha or Jest. It uses their declarative structure and makes it easy to write complex form validations that are also easy to read and maintain.

Finite state machines provide an elegant, powerful approach for modeling complex behavior, and are ideally suited to many UI components. Alas, existing JavaScript FSM implementations feel verbose and bloated alongside Svelte's elegant, minimalist syntax. No more! svelte-fsm is the Svelte-esque FSM library. Discover the joy and benefits of using svelte-fsm to manage your components' state.

Routify 3 preview and walkthrough — app creation via CLI, plugin usage (Index By Name), Pico CSS integration, page ordering, and route metadata concepts. Build-time metadata generation, API data fetching (e.g., GitHub), Markdown-to-HTML conversion, dynamic routes and imports for SSR, navigation and multi-router features, and router state persistence.

If you are building a Single-Page App (SPA), you will likely need a router for your app. With the lack of an official router for Svelte 3, there's quite a few options, so which one should you pick? In this talk, we'll look at the two different kinds of routers (based on the History API or based on the page's hash), how they differ, and when you should pick which. We'll also go through a demo of implementing routing for a Svelte 3 SPA using svelte-spa-router.

Routify offers a great developer experience to build the routes for your Svelte app.

Join GHOST for our Second Svelte Sirens event as she shows you the magic of Routify in Svelte Kit. Take a look at the links below to find out more about Routify, Svelte Kit, Svelte Sirens, and GHOST!

Curious about Runes? Want to get your questions answered? Here what the team has been up to?

Our beloved friend from sentry.io guides us on how to integrate sentry.io into your SvelteKit app. Get ready to experience all of sentries nice features in your app today.

00:00 Introduction 00:30 Announcements - Svelte Summit 01:10 Runes Primer 13:17 Runes FAQ 19:20 Rune helpers and stores with Hunter 26:26 Runify demo and fine-grained reactivity with Paolo 35:00 The library maintainer’s perspective with Hunter 45:08 Poll: the kinds of applications we make 53:25 Paul proposes Runes be a compiler-based toolchain separated from Svelte, similar to RxJS 1:01:11 Everyone’s impressions of Runes 1:02:48 Tantei-Kun likes the $props Rune 1:07:32 Poll: everyone’s impression of Runes so far

When people hear metaframework, the first thing they think of is usually SSR. However, SvelteKit also supports other rendering strategies like CSR and prerender. As the recommended way to build any Svelte app, is it going to offer the best DX for all its use cases? In this talk I'll share my experience and tell you what's good, what's bad, and what's awesome about building SPAs with Sveltekit.