A weekly Svelte update from February 2024 covering changelog highlights, community showcase featuring Paraglide JS for internationalization, and discussions about Svelte 5 progress.

Lukas Stracke tells use about building an error and performance monitoring SDK for SvelteKit.

Jean Yves Couët tells us about the vite-plugin-kit-routes: https://www.npmjs.com/package/vite-plugin-kit-routes

Lucas Martin shows us how to build an interactive portfolio using SvelteKit!

A Svelte and SvelteKit changelog update covering CSS parsing improvements and request handling fixes. A community showcase of "Sals," a functional reactive alternative to Svelte stores with better async and error handling. A guide to configuring Vitest for browser-like environments to properly test Svelte components' `onMount` lifecycle hook.

Attila covers the latest updates on Svelte 5 and also SvelteKit.

Summary of recent Svelte updates including changelog highlights, new features like popover API and gamepad events, community showcase of a client component preprocessor, discussion on progressive enhancement principles, and demonstration of HTML dialog element usage with minimal JavaScript.

Recent updates and features in the Svelte ecosystem. The host, Pudi, discusses a new macOS Raycast extension for searching Svelte documentation, updates in Svelte and SvelteKit, and a detailed Q&A on client-side validation in forms. The video also includes a changelog for Svelte and SvelteKit, highlighting new features and fixes.

First Svelte Society London of 2024 starting strong with talks from Rich Harris and pngwn.

06:00 Quick facts - :has CSS selector 08:15 Community Showcase - Advent of Svelte highlights 15:16 Discussion - ideal theme toggles 25:01 Q&A - How do I resolve peerDependency issues? 30:09 Q&A - passing action parameters to components

Documentation is hard to write. It can also be hard to read, especially when you don't speak english fluently. That's why we have translated the Svelte docs and tutorial to french, to help the french-speaking community grow. We want to share the process we used to achieve it, so that it can be replicated in other languages.

00:57 Changelog - SvelteKit 2.0 20:25 Side conversation - SvelteKit 2.0 26:16 Community Showcase - Sveltease by Anurag 40:35 Community Showcase - thoughts from the hosts

In this episode of Svelte Radio, Jacob Stordahl and the hosts discuss Jacob's transition from WordPress to Svelte and the practical aspects of developing third-party JavaScript widgets. They also touches on the role of AI in content management. Tune in!

00:55 Changelog - SvelteKit 1.27.7, Svelte 5 'untrack' 03:36 Quick Facts - Svelte Radio 04:05 Community Showcase - Advent of Svelte by Stanislav and Willow 15:53 Discussion - form validation UX, ValidityState 26:19 Q&A - How to suppress ESLint warnings in Svelte 29:40 Q&A - Sending events from parent to child

In this episode of Svelte Radio, join hosts Brittany and Kev as they dive into the world of web development with their guest Sam, a technical writer at Prismic. Brittany shares her latest experiences battling with Tailwind, Rails, and Svelte, emphasizing the learning journey that comes with navigating the complexities of modern web development. She also offers a valuable tip about CSS line height, advising against the use of rems and ems due to their unpredictable inheritance and suggesting more reliable alternatives.

Let's show you the magic of GraphQL with Houdini. "Hocus Pocus keep your focus"

01:19 Changelog - Svelte 4.2.8, Svelte 5 updates 05:04 Quick Facts - Advent of Svelte, using TypeScript in Svelte 5 markup 08:10 Community Showcase - Kit Routes by Jean-Yves 28:44 Q&A - How to reuse old query params 35:20 Q&A - What are peerDependencies?

Do you find Svelte's a11y warnings get in your way? They're actually part of a greater mission shared by nations around the world to make the digital web universally accessible. In this talk, I will break down some of Svelte's a11y warnings, the user experiences they impact, and how to solve them.

Today we'll navigate the chilly landscape of SvelteKit adapters, akin to the snowy components on a glowing logic board. The stream will focus on building a custom adapter for WinterJS, demonstrating how to gear up your SvelteKit app for the winter of the web world. Bundle up for an insightful session on SvelteKit adaptation!

Join us as we dive into an engaging conversation with Thomas G. Lopez, the brains behind the popular UI library in the Svelte ecosystem, MeltUI. Thomas shares his journey in web development, moving from Vue to React, and ultimately finding his passion in Svelte. Discover the unique challenges and triumphs he experienced while creating MeltUI and becoming a Svelte ambassador.

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.

Ben McCann, one of the creators of SvelteKit, discusses the significant advancements in handling images on the web, particularly focusing on SvelteKit's new feature, Enhanced Image. This tool is designed to tackle the common challenges faced by web developers regarding image optimization.

00:50 Changelog - SvelteKit Svelte 4.2.7, 5.0.0-next.10 06:40 Quick Facts - automatic typing in SvelteKit with Svelte 5 07:43 Community Showcase - Svelte UX by Sean 53:15 Q&A - Socket.IO in SvelteKit by Stanislav

An overview of the Svelte Devtools browser extension

Today we chat with Geoff Rich about View Transitions. We explore what you can do with them, how to use them and much more. Can it be used with SvelteKit? Yes! Dive in and get all the tips!

Paraglide-JS comes with two main innovations that make Paraglide JS the simplest, most efficient, and typesafe i18n library for SvelteKit. 1. A compiler (sounds familiar?) emits message functions instead of key-value runtime lookup logic. 2. The message functions are tree-shakable, leading to auto optimization by the bundler. Library link: https://inlang.com/m/gerre34r/library-inlang-paraglideJs

This talk aim to help you navigate around the world of progressive enhancement without sacrificing the experience of the users that do not have Javascript.

Overview of Svelte ecosystem updates: Sapper performance improvements and merged pull requests, MDX as Svelte components, Svelte REPL integration for blogs, and Svelte Actions RFCs. Community and tooling highlights: Front End Masters Svelte course, global Svelte meetups and OS Awards nomination, production use examples and the New Kingdom Hearts site, Pancake JS graphing library and GunDB Svelte support, new projects like Jungle JS and a Unicode lookup app, and personal ergonomics and Hey email service recommendations.

This week we had the pleasure of speaking with the creator of Svelte, Rich Harris (https://twitter.com/rich_harris) . The topics of the podcast can be seen below but first we have a big announcement! (https://svelte.dev/blog) TypeScript support for Svelte is finally, officially here! (https://svelte.dev/blog/svelte-and-typescript) Hallelujah!

This week we had the pleasure to be joined by Amelia Wattenberger (https://wattenberger.com) . Amelia is a journalist-engineer working at The Pudding (https://pudding.cool) where she builds stuff using, among other things, Svelte! We talk about Svelte, D3, React and loads of fun stuff. Enjoy!