A weekly Svelte update from February 2024 covering changelog highlights, community showcase featuring Paraglide JS for internationalization, and discussions about Svelte 5 progress.
A Svelte 5 changelog overview covering snippets, bug fixes, and migration guidance. Live coding of runes-based dynamic filtering plus exploration of effect, onMount, and reactivity features.
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.
00:00 Introduction
00:30 Announcements - Svelte Summit
01:10 Runes Primer
13:17 Runes FAQ
19:20 Rune helpers and stores with Hunter
26:26 Runify demo and fine-grained reactivity with Paolo
35:00 The library maintainer’s perspective with Hunter
45:08 Poll: the kinds of applications we make
53:25 Paul proposes Runes be a compiler-based toolchain separated from Svelte, similar to RxJS
1:01:11 Everyone’s impressions of Runes
1:02:48 Tantei-Kun likes the $props Rune
1:07:32 Poll: everyone’s impression of Runes so far
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.
Jacob Bowdoin introduces KitBook, a tool designed to simplify the process of building, documenting, and testing Svelte components within SvelteKit projects.
An exploration of client and server rendering strategies in web development, covering historical paradigms like MPA and SSG and modern approaches such as SSR and CSR.
A detailed look at SvelteKit's hybrid rendering capabilities, including server-side rendering, client-side rendering, and prerendering, with guidance for applying each approach to different parts of a project.