The Svelte Sirens are a group for women, non-binary people, and allies to learn, build, and teach about Svelte. This video gives a brief intro to the founders. Stick around after as Brittney Postma leads a Bubble Popping game tutorial with the same bubbles you see on the Svelte Sirens website (sveltesirens.dev)!

In this Svelte Sirens stream Alex Warnes will teach us about Threlte: Declarative Threejs for Svelte

A Christmas special celebrating SvelteKit 1.0's official release, featuring pull request announcements, community testimonials, and discussions about key features like folder-based routing and server-side rendering. Future developments including internationalization, image optimization, and Svelte 4 compiler improvements.

Chris Simmons from Skeleton joins Brittney to talk about Skeleton, a new UI Toolkit to help build fast and reactive web interfaces with Svelte and Tailwind.

1:45 Svelte 4 Beta 2:30 Migration guide 27:50 New stuff 36:12 Internal changes 54:27 New website 57:32 Q&A

A Svelte 4 release overview covering new features like updated minimum version requirements and stricter typing. Website improvements including new design, dark mode, and updated documentation. Future Svelte 5 plans for compiler and runtime rewrites, plus community contributions and REPL updates.

Latest Svelte 5 changelog, bug fixes, TypeScript `this` handling, SSR/hydration upgrades, memory leak fixes, deeply reactive prop fallbacks. Community showcase of Floating UI for Svelte library with middleware and interaction hooks. Q&A on runes replacing stores, `startStopNotifier`, Ember-to-Svelte migration benefits, SvelteKit strength, hiring ease.

Discussions of runtime data validation libraries like Zod, Valot, Archtype, and Vine JS for ensuring data integrity from external sources. Exploration of Svelte 5's `$effect.tracking()` usage for managing effect initialization, listeners, and creating reusable utilities with lazy loading.

Ce talk montre comment utiliser “pancake”. Cette bibliothèque, publiée par Rich Harris, permet de générer des SVG côté serveur capables de s’adapter à n’importe quelle largeur sans exécution de Javascript côté client. Guidé par l’exemple des diagrammes de statistiques sur le nombre de cas de coronavirus qui sont publiés dans le New York Times nous créerons ensemble un diagramme à colonnes. This talk shows how to use “pancake”. This library, published by Rich Harris, allows you to generate server-side SVGs that can adapt to any width without running any client-side Javascript. Using the example of the coronavirus case statistic charts published in the New York Times, we will create a column chart together.

4:27 Quick facts 17:40 Community Showcase - Chromajs, ft. SpideyZac and quantasium 26:55 This week in discussions 32:45 This week in Q&A

1:11 Changelog - Svelte v3.56.0-v3.57.0, SvelteKit v1.12.0 29:00 Quick facts - Reactive destructuring 34:40 Community Showcase - Miyagi ft. Clancy 40:20 This week in discussions - TypeScript and JSDoc 32:45 This week in Q&A

2:02 Quick facts - macOS VoiceOver demo 17:00 Community Showcase - (none) 17:10 This week in discussions - AI and its impact on software jobs, and what you can do 33:31 This week in Q&A - Testing with Vitest and Playwright

01:24 Changelog - SvelteKit 1.27.2 02:12 Quick facts & Announcements - Normalizing events 06:02 Community Showcase - Svelte Pilot by Fenix 16:27 Discussions - Choosing a database 27:52 Q&A - How to write a preprocessor

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

01:50 Changelog - SvelteKit 1.27.5-1.27.6; Svelte 4.2.5 14:45 Quick Facts - Svelte Summit recording, learning with Jason, running Svelte 5 20:23 Community Showcase - Svelte Flow by Moritz 45:42 Discussion - Svelte Summit retro, Svelte 5 snippets and events