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.

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.

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

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.

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.

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

Vadim Smirnov, a front-end developer and developer advocate, introduces real-time data visualization using Svelte.

Community Clerk Svelte SDK.

Composable Svelte chart components to build a large variety of visualizations