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!
A weekly Svelte update from February 2024 covering changelog highlights, community showcase featuring Paraglide JS for internationalization, and discussions about Svelte 5 progress.
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.
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
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
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.