Winners of Svelte Hack 2024 (runes-edition)!

En tant que journaliste en apprentissage au service infographie des Échos, je compte évoquer à travers des exemples pratiques comment Svelte et D3 peuvent travailler main dans la main pour aider une rédaction dans la réalisation d'infographies interactives sur le web. As a trainee journalist in the infographics department at Les Échos, I will use practical examples to show how Svelte and D3 can work hand in hand to help a newsroom create interactive infographics for the web.

01:15 Changelog - SvelteKit 1.27.3-1.27.4; Svelte 4.2.3 03:41 Quick facts & Announcements 08:09 Community Showcase - CanIKit by Tom 19:11 Q&A - How to close a modal with background click

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.

Creating effective and unique data visualizations for news websites requires sophisticated tools. In fact, Svelte is currently becoming a gold standard tool to build interactive graphics for the world’s newsrooms. Why is that and what is so special about Svelte? Come and let’s go on a behind-the-scenes walk into the machine room of a modern interactive data visualization.

Svelte is not just a JavaScript compiler. It is a way of thinking to design complex data visualizations. Come with me on a journey through one of my recent Svelte data visualization works.

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

- 3 stories of walking in the fire with my SvelteKit project: Rowan Aldean - Auth in SvelteKit, the hard & easy ways: Ajit Krishna

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

A developer's journey with Svelte, showcasing the creation of Eleftable, a survey application for data visualization. Visualization of candidate electability and likeability, with emphasis on technical implementation, user engagement goals, and potential expansion.

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

Building a SaaS module for SvelteKit - Josh Nussbaum Setting up the tech stack for a SaaS app can be a lot of work - but not any more! Using Auth.js, SvelteKit & Stripe, I built a re-usable module that makes this much easier. This talk will cover the internals of Auth.js, how to build a re-usable SvelteKit module, and integrating Stripe with SvelteKit. Svelte in Motion - James Camilleri Procedurally-generated video using everyone's favourite framework and ungodly hackery. This is a short (probably) talk about using svelte and front-end programming to generate motion graphics, as well as techniques to procedurally generate variation of videos/animations in bulk.

Josh Nussbaum presents a talk on building a SaaS module for SvelteKit called AirBadge, designed to help developers quickly create and experiment with SaaS businesses.

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

Gregor Aisch introduces SveltePlot, a visualization framework he has been developing over the past year.