0:00 Introduction 0:21 Changelog - Svelte 4.2.0, SvelteKit 1.22.5 3:00 Quick facts - Don’t auto-submit form controls, use buttons 7:05 Community Showcase - lilmolly by René Fournier 20:41 Discussion - Universally useful advice for developers 32:47 Q&A - How to create a Toggle Switch

0:00 Introduction 0:21 Changelog - Svelte 4.1.2, SvelteKit 1.22.4 4:56 Quick facts - What are ES modules, types in markup, blogs 20:07 Community Showcase - Threlte 6 by le grisch 49:14 Q&A - How to render SSR-friendly components

Lacey Pevey returns to the Sirens stream to show off MedusaJS, an open sourced E-commerce backend paired with a SvelteKit frontend to show us how to take our stores to the next level.

0:00 Introduction 1:45 Chatter about no changelog this week 2:30 Quick facts - Screen reader market share, WebAIM survey 8:17 Community Showcase - Svelte Podcast by OllieJT 29:01 Discussion - Is AI helpful for junior developers? 43:23 Q&A - How do I add Svelte to a non-Svelte project?

Ermin takes us on a journey on how we can build great swipers without the need for any swiper library. In the spirit of Svelte he shows us how to use the platform

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.

SvelteKit and Remult are working well together. Experience how you can build type-safe fullstack apps with all the bells and whistles included. Enjoy this live coding section with Jean-Yves.

0:00 Introduction 0:18 Changelog - Svelte 4.1.0-4.1.1, SvelteKit 1.22.2-1.22.3 8:11 Quick facts - Svelte Sirens Stream, Always consider text contrast 10:45 Discussion - When is progressive enhancement needed 22:07 Q&A - Differences between, the script tag and onMount

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.

This week’s topics: 0:00 Introduction 0:21 Changelog - Svelte 4.0.2-4.0.5, SvelteKit 1.22.0-1.22.1 4:41 Quick facts - @const usage tips, form.requestSubmit() 12:26 Discussion - Svelte 5 wish list 19:51 Q&A - Using local storage with a custom store 23:42 Q&A - how to safely use setInterval() 27:01 Q&A - how to reuse code across multiple projects 31:59 Q&A - how to use markdown with SvelteKit

0:00 Introduction 0:15 Changelog - Svelte 4.0.1, SvelteKit 1.21.0 4:59 Quick facts - Svelte Radio, Svelte testing resource 9:16 Community Showcase - “Socio” by Baffy 26:14 This week in Q&A - Loading indicators, form actions in layouts

This Week in Svelte is a weekly event where we casually discuss things that happened on the Svelte Discord, showcase community projects, and review some popular Q&A to learn and grow together.

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.

0:00 Introduction 0:20 Changelog - Svelte 4 next.1 pre-release 1:19 Quick facts - What’s new in Svelte, WebAIM million, touch targets, testing unreleased features 14:34 Community Showcase & Microtalks - “How to make hamburger menus, Svelte edition” by Enrico 41:26 This week in discussions - The issue with benchmarks, should there be an ‘accessibility developer’? 49:24 This week in Q&A - How do use group layouts, or break out of the root layout in SvelteKit

0:00 Introduction 0:36 Changelog - SvelteKit v1.20.2 2:14 Quick facts - New Svelte website, breakpoint debugging, Dev Vlog 7:07 Community Showcase & Microtalks - “How to deploy a SvelteKit app to traditional servers” by Karim 45:27 This week in discussions - Viewport units, passing styles to Svelte children 53:51 This week in Q&A - How to use SCSS, how to upgrade dependencies

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

Self-hosting SvelteKit applications using a Virtual Private Server, Docker, CapRover, and GitHub Actions. A guide to the benefits and drawbacks of self-hosting, with a step-by-step process for environment setup and application deployment.

Jeppe will be showing Kev when, how and why to use Storybook stories as complexity increases.

0:00 Introduction 0:42 Changelog - SvelteKit v1.20.0, v1.20.1; Svelte 4 pre-release 11:48 Quick facts - ARIA Rules, WCAG, always test 24:48 Community Showcase & Microtalks - (none) 25:04 This week in discussions - Headless UI libraries feat. Thomas Lopes and Tasos Bekos 54:58 This week in Q&A - OOP-style stores

Rich Harris builds an Instagram clone, showcasing the different features of SvelteKit.

0:00 Introduction 0:47 Changelog - SvelteKit v1.19.0 7:26 Quick facts - New Discord roles, and ‘recommendations’ tag for the #ecosystem forum channel 8:20 Community Showcase & Microtalks - How to choose a UI Library 28:22 This week in discussions - international keyboard layouts, usage of quotes in Prettier, roadmap.sh 38:30 This week in Q&A - breakpoint debugging in SvelteKit using VSCode and browser dev tools

Inlang: a solution for internationalization in SvelteKit projects. The SDK and its tools simplify setup, language negotiation, and content management. This approach automates i18n processes, offering a user-friendly experience for developers and translators.

Talking about how we started to build SvelteLab for the first Svelte Hack, how we worked, what tools we picked and how it all came together.

Rapidly build interactive 3D apps for the web with Threlte 6. Let’s dive into the incredibly powerful new API design, the brand new Plugin API, a practical workflow for utilizing glTF files and additional enhancements that streamline the development of immersive 3D experiences in Svelte.

This is a short introduction of the talk2svelte library which provides voice recognition and voice synthesis for Svelte, thanks to the Web Speech API. It allows to interact with a Svelte site by voice, like navigating or clicking on elements.

0:00 Introduction 0:36 Changelog - SvelteKit v1.17.0-1.18.0, adapter-vercel 3.0.0 12:47 Quick facts - Rich Harris on Learning with Jason, accessible HTML tables, CSS nesting

At Stylitics, we ship Javascript Widgets to some of the largest e-commerce sites in the world. In this talk we'll explore why we choose Svelte to build our products, and what we've learned from maintain one of the most visited Svelte apps in the world.

Learn how to harness the power of Svelte and SvelteKit to create elegant AI driven experiences. Svelte Stores, Streaming endpoints, and Python endpoints (through preprocessors), are magic you can only find in Svelte.

Skeleton allows you to create adaptive, accessible design systems for your web apps using Tailwind’s flexible utility classes paired with Svelte’s powerful component architecture. Generate customized, responsive, and reactive interfaces for projects of any scope or scale.

I will talk about Superforms, the forms library for SvelteKit that handles validation, error handling, data coercion and so much more, all while staying true to the Svelte+Kit principles.