01:15 Changelog - SvelteKit 1.27.3-1.27.4; Svelte 4.2.3
03:41 Quick facts & Announcements
08:09 Community Showcase - CanIKit by Tom
19:11 Q&A - How to close a modal with background click
A Svelte 5 changelog overview covering snippets, bug fixes, and migration guidance. Live coding of runes-based dynamic filtering plus exploration of effect, onMount, and reactivity features.
Custom stores can be used to wrap transforming data to and from storage mechanisms, either inside the browser or outside. Here we demonstrate a couple of fun transforms that have practical and real-world use.
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.
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.
Authentication Server-Side Rendered Single-Page Apps can be difficult. Antony looks to break down the simplest possible way of providing full SSR compatible authentication with JWT
It's no secret that design systems are a popular topic. Eric Liu created Carbon Components Svelte along with Sveld (a docgen library for Svelte components). Brittney sits down to ask about pain points, tooling, and lessons learned from building one of the first component libraries for Svelte 3 and one that is open sourced by a big tech company.