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.
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.
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.
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.
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