I, Bert Bengtson, guide you through my experiences as a lead developer on a team migrating the Ashley Home Furniture Website, one of the largest ecommerce websites on the web, from JQuery to Svelte and Sveltekit. Including what realizations, highs, and lows I have experienced as a developer using Sveltekit, and what I have learned about teaching other developers Svelte as a team lead. If you are looking to use Sveltekit as the framework for your ecommerce website, let me help you learn from the traps we fell into, and see the great parts of using Sveltekit in an ecommerce website.

In this Svelte Sirens stream Alex Warnes will teach us about Threlte: Declarative Threejs for Svelte

Chris Simmons from Skeleton joins Brittney to talk about Skeleton, a new UI Toolkit to help build fast and reactive web interfaces with Svelte and Tailwind.

Latest Svelte 5 changelog, bug fixes, TypeScript `this` handling, SSR/hydration upgrades, memory leak fixes, deeply reactive prop fallbacks. Community showcase of Floating UI for Svelte library with middleware and interaction hooks. Q&A on runes replacing stores, `startStopNotifier`, Ember-to-Svelte migration benefits, SvelteKit strength, hiring ease.

Winners of Svelte Hack 2024 (runes-edition)!

Ce talk montre comment utiliser “pancake”. Cette bibliothèque, publiée par Rich Harris, permet de générer des SVG côté serveur capables de s’adapter à n’importe quelle largeur sans exécution de Javascript côté client. Guidé par l’exemple des diagrammes de statistiques sur le nombre de cas de coronavirus qui sont publiés dans le New York Times nous créerons ensemble un diagramme à colonnes. This talk shows how to use “pancake”. This library, published by Rich Harris, allows you to generate server-side SVGs that can adapt to any width without running any client-side Javascript. Using the example of the coronavirus case statistic charts published in the New York Times, we will create a column chart together.

Chez AXA nous avons été confrontés à un problème : la visibilité de nos pull-requests entre les différentes feature teams. Pour y remédier, nous avons créé Skizzle une app desktop qui regroupe tous les projets et qui permet de recevoir toutes les pull-requests. Nous avons fait le choix radical de réécrire l'application et de passer de Angular à Svelte. Je vous montrerai en quoi Svelte a permis à ce projet de prendre une nouvelle dimension en termes de maintenabilité et de performances. At AXA, we faced a problem: the lack of visibility of our pull requests across different feature teams. To solve this, we created Skizzle, a desktop app that consolidates all projects and allows us to receive all pull requests. We made the radical decision to rewrite the application, switching from Angular to Svelte. I will show you how Svelte took this project to a new level in terms of maintainability and performance.

Chez Schneider Electric nous avons choisi Svelte comme framework pour rassembler tous les composants web construits avec différentes technologies comme React, Angular et Stencil et nous aider à construire un set de composants d'interface utilisateur qui fonctionnent bien avec les API. Nous avons choisi Routify comme routeur et déployé notre application sur AWS Amplify, elle est en ligne depuis 3 mois avec environ 10 000 utilisateurs. L'application est censée accueillir 800 000 utilisateurs au début de l'année prochaine et nous sommes ravis de partager les leçons apprises jusqu'à présent avec la communauté. At Schneider Electric, we chose Svelte as the framework to bring together all the web components built with different technologies like React, Angular, and Stencil, and to help us build a set of UI components that work well with APIs. We chose Routify as our router and deployed our application on AWS Amplify; it has been live for 3 months with about 10,000 users. The application is expected to support 800,000 users by early next year, and we are excited to share the lessons we've learned so far with the community.

J'ai testé Svelte et Sapper pour la première fois lors d'un projet libre pour mon école (Epitech). Il s'agit d'une application web permettant d’agréger des événements (concerts, meetups, etc...) de différentes plateformes en ligne (EventBrite, Meetup, Facebook Events). J'ai également utilisé un client GraphQL avec Svelte via Svelte-Apollo. I tried Svelte and Sapper for the first time during a personal project for my school (Epitech). It's a web application that aggregates events (concerts, meetups, etc.) from different online platforms (EventBrite, Meetup, Facebook Events). I also used a GraphQL client with Svelte via Svelte-Apollo.

4:27 Quick facts 17:40 Community Showcase - Chromajs, ft. SpideyZac and quantasium 26:55 This week in discussions 32:45 This week in Q&A

1:11 Changelog - Svelte v3.56.0-v3.57.0, SvelteKit v1.12.0 29:00 Quick facts - Reactive destructuring 34:40 Community Showcase - Miyagi ft. Clancy 40:20 This week in discussions - TypeScript and JSDoc 32:45 This week in Q&A

01:50 Changelog - SvelteKit 1.27.5-1.27.6; Svelte 4.2.5 14:45 Quick Facts - Svelte Summit recording, learning with Jason, running Svelte 5 20:23 Community Showcase - Svelte Flow by Moritz 45:42 Discussion - Svelte Summit retro, Svelte 5 snippets and events

00:50 Changelog - SvelteKit Svelte 4.2.7, 5.0.0-next.10 06:40 Quick Facts - automatic typing in SvelteKit with Svelte 5 07:43 Community Showcase - Svelte UX by Sean 53:15 Q&A - Socket.IO in SvelteKit by Stanislav

A weekly Svelte update covering Svelte 5 changelog features like validation errors in loops and `derived.buy` syntax, a community showcase of the "Svelte Promise Modals" library, announcement of the Svelte Summit, and technical Q&A on handling `page.url` and search parameters in SvelteKit applications with pre-rendering enabled.

Changelog for Svelte 5, highlighting features like nested CSS support, WCY support, exportable state and derived stores, and contenteditable improvements. The Community Showcase introduces Agnes UI, a library offering configurable TypeScript widget factories for Svelte, React, and Angular, with a focus on reactivity and framework-agnostic design. The video concludes with a Q&A session addressing questions about learning Svelte and career opportunities in the Svelte ecosystem.