Winners of Svelte Hack 2024 (runes-edition)!

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.

If you are building a Single-Page App (SPA), you will likely need a router for your app. With the lack of an official router for Svelte 3, there's quite a few options, so which one should you pick? In this talk, we'll look at the two different kinds of routers (based on the History API or based on the page's hash), how they differ, and when you should pick which. We'll also go through a demo of implementing routing for a Svelte 3 SPA using svelte-spa-router.

Authentication Server-Side Rendered Single-Page Apps can be difficult. Antony looks to break down the simplest possible way of providing full SSR compatible authentication with JWT

Curious about Runes? Want to get your questions answered? Here what the team has been up to?

Learn how to integrate FaunaDB into a SvelteKit application, featuring Shadid Haque from Fauna, hosted by Brittney Postma.

Brittney and Madz be checking out how to kickstart your Design System with Backlight.dev and how to use Svelte with it.

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.

The video introduces the Svelte Site Generator (SSG), a zero-configuration overlay for Sapper focused on static site generation.

https://www.youtube.com/watch?v=xZ0hNuEr0Jo

Markus Hatvan (@hatvanmarkus) presented in the September 2020 MMT Tech Meetup (bit.ly/mmt-svelte) talking about his must-have features for a blog and how Sapper blog is super fast with loading elements like navigation earlier on before you click on them.

Shriji Kondan (@Shriji) presented in the September 2020 MMT Tech Meetup (bit.ly/mmt-svelte), where he talked about JAMstack and how Trello could be used as a blogging data feed for a Sapper blog.

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

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.

In this talk we take a look at all of the Svelte 5 runes and how they compare to the reactivity model.