Build svelte components with test first aproach by using Jest and the Svelte Testing Library. We will see how we can query elements, how we can interact with them and also how we can replace external service without mocking.

Svelte has been described as an “accessibility-first-framework”, yet its compiler warnings cover only a fragment of the issues at hand. In this talk, I’d like to explore how accessible Svelte really is and more importantly, have a look at what you can do to bridge the gap. Ideas include checking both automatically and manually for issues the compiler might overlook, like color contrast, keyboard accessibility and semantics.

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 and SvelteKit changelog update covering CSS parsing improvements and request handling fixes. A community showcase of "Sals," a functional reactive alternative to Svelte stores with better async and error handling. A guide to configuring Vitest for browser-like environments to properly test Svelte components' `onMount` lifecycle hook.

Svelte updates and a showcase by Eno on a new component called Svelte Cartesian. The episode starts with a changelog covering various fixes and improvements in Svelte, including event handler changes, input value handling, and CSS pruning. Eno then presents Svelte Cartesian, a tool for visual regression testing that helps render all combinations of a component's props for testing purposes.

Recent updates and features in Svelte and SvelteKit, with a focus on Storybook for Svelte Part 3: Testing

Brittney Postma of CodingCat.dev shows us how to create a store with Svelte and setting it to local storage so that it persists through refresh!

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 includes built-in animations that makes it easy to slide, scale, and fly elements in and out of the DOM. However, you need to be careful to not trigger motion sickness in your users. I will go over which Svelte transitions could cause accessibility issues and how to respect user motion preferences when using them.

Custom stores can be used to wrap transforming data to and from storage mechanisms, either inside the browser or outside. Here we demonstrate a couple of fun transforms that have practical and real-world use.

Finite state machines provide an elegant, powerful approach for modeling complex behavior, and are ideally suited to many UI components. Alas, existing JavaScript FSM implementations feel verbose and bloated alongside Svelte's elegant, minimalist syntax. No more! svelte-fsm is the Svelte-esque FSM library. Discover the joy and benefits of using svelte-fsm to manage your components' state.

Maurice de Beyer on building reliable Svelte applications using Cypress and test-driven development.

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.

Using Playwright for end-to-end testing in SvelteKit applications

Domenik Reitzner had a dialog with his brave audience about the dialog element and how to integrate it with Svelte. He showed us the benefits of using the platform and what a11y(accessibility) benefits come out of the box, by using this HTML element.