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