Show Menu

Interested in contributing?

Submit Post

Share with the biggest community of Svelte enthusiasts in the world

Welcome to Svelte Society, homepage for everything Svelte. Find what you're looking for in the navigation above!

Become a sponsor

Support Svelte Society and get your company featured here. Contact us

video

SSD France 2020 : Roman Karavia : Utilisation de pancake pour générer des graphiques

SSD France 2020 : Roman Karavia : Utilisation de pancake pour générer des graphiques

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.

October 6, 2020
video

SSD France 2020 : Mathieu Marchois : Retour d'expérience sur la migration Svelte chez RadioFrance

SSD France 2020 : Mathieu Marchois : Retour d'expérience sur la migration Svelte chez RadioFrance

Je vous raconterai comment j’ai migré l’application de visualisation et de gestion des différents flux de la Maison de la Radio de React à Svelte + Sapper : comment j'ai découvert Svelte, pourquoi je l’ai choisi pour remplacer un app complexe et difficile à installer, et quelles ont été les différentes étapes pour faire adopter Svelte chez Radio France. Pari gagnant ! Cette migration s'est avérée être un succès, à tel point qu'elle a servi de poisson pilote pour un autre grand projet chez RadioFrance. Feedback on the React to Svelte migration at RadioFrance I will tell you how I migrated the application for visualizing and managing the various streams at Maison de la Radio from React to Svelte + Sapper: how I discovered Svelte, why I chose it to replace a complex and difficult-to-install app, and what the different steps were to get Svelte adopted at Radio France. A winning bet! This migration proved to be a success, so much so that it served as a pilot for another major project at RadioFrance.

October 6, 2020
video

SSD France 2020 : Julien Pradet : Internationaliser son application avec Svelte

SSD France 2020 : Julien Pradet : Internationaliser son application avec Svelte

J'ai adopté la philosophie de Svelte : plutôt que gérer les langues au runtime, j'en ai fait un maximum à la compilation pour avoir le code le plus léger possible. Dans cette conf' je vais donc vous parler de comment j'ai utilisé Rollup, Babel, svelte-i18n et autres joyeusetés pour avoir une application multilingue qui pèse moins 1kb de plus que l'application simple. I adopted the Svelte philosophy: instead of managing languages at runtime, I did as much as possible at compile time to get the lightest possible code. In this talk, I'm going to tell you how I used Rollup, Babel, svelte-i18n, and other fun tools to create a multilingual app that's less than 1kb larger than the single-language version.

October 6, 2020
video

SSD France 2020 : Tom Février : Svelte & D3 : au service du journalisme de données

SSD France 2020 : Tom Février : Svelte & D3 : au service du journalisme de données

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.

October 6, 2020

Hiring Svelte Developers?

Reach thousands of Svelte developers. Hire a developer!

Post a job
video

Sapper Trello blog by Shriji Kondan

Sapper Trello blog by Shriji Kondan

Shriji Kondan (@Shriji) presented in the September 2020 MMT Tech Meetup (bit.ly/mmt-svelte), where he talked about JAMstack and how Trello could be used as a blogging data feed for a Sapper blog.

video

Sapper blog must have features by Markus Hatvan

Sapper blog must have features by Markus Hatvan

Markus Hatvan (@hatvanmarkus) presented in the September 2020 MMT Tech Meetup (bit.ly/mmt-svelte) talking about his must-have features for a blog and how Sapper blog is super fast with loading elements like navigation earlier on before you click on them.

September 29, 2020
video

Svelte Compiler by Li Hau Tan

Svelte Compiler by Li Hau Tan

Li Hau Tan (@lihautan) presented in the September 2020 MMT Tech Meetup (bit.ly/mmt-svelte) on looking into the Svelte compiler. He talked about how it works and the different levels it is broken down so it can be interpreted.

September 29, 2020
video

Svelte Radio: Episode 6 - Svelte Society End of Summer Edition

Svelte Radio: Episode 6 - Svelte Society End of Summer Edition

After a couple of weeks we're once again back, talking about all things Svelte! This episode we discuss a whole lot of stuff: the next Svelte Society Day, maintainers meet, recipes, some new resources and a cool new Podcast Player for KaiOS.

July 5, 2020
video

Svelte Radio: Episode 5 - Hillary Clinton tweeted about Svelte

Svelte Radio: Episode 5 -  Hillary Clinton tweeted about Svelte

Svelte updates, Hillary Clinton's tweet about Svelte graphs, Sapper and MD Specs developments, Svelte actions and RFCs, community events, Rich Harris's Front-end Masters course, plus ergonomic tools and recommendations.

June 18, 2020
video

Svelte Amsterdam meetup #3: Writing preprocessors, migrating to SvelteJS

Svelte Amsterdam meetup #3: Writing preprocessors, migrating to SvelteJS

## Story of migrating to Svelte ## By Vace Kupecioglu Notes on incrementally converting a "legacy" application to Svelte/Sapper one component at a time. * The way we approach to components * The way we test them * Challenges and workarounds ## Svelte preprocessors and how to write them ## By @swyx (https://twitter.com/swyx) Svelte is a superset of HTML - but what if we don't want to write HTML? In this live code talk we explore how Svelte preprocessors work, letting you write Sass, Pug, and even TypeScript inside of your Svelte components!

June 11, 2020
video

Svelte Radio: Episode 4 - TypeScript Language Tools

Svelte Radio: Episode 4 - TypeScript Language Tools

In this episode we're extremely excited to talk with Simon and Orta about TypeScript support in Svelte. From what we can tell, it seems it's already here! What a time to be alive! We talk a bit about what TypeScript is, what it solves and some of the challenges implementing support for it. We end the episode with a show-and-tell where Simon shows us around the git repo where all the work is happening.

June 5, 2020
video

Svelte Society Day 2020: Robert Hall: A Framework for the Modern Storyteller

Svelte Society Day 2020: Robert Hall: A Framework for the Modern Storyteller

Svelte lowers the barrier to entry for more advanced forms of content creation in the ever-evolving world of online media. Robert will “story engineer,” showcasing some fun and relatively-easy animation, video, and audio techniques for Svelte and the web.

April 30, 2020
video

Svelte Society Day 2020: Andrew Smith: Effective Transitioning

Svelte Society Day 2020: Andrew Smith: Effective Transitioning

Svelte's built in transitions are powerful and they can achieve really effective movements in the UI without you writing much CSS transitions. This talk will walk you through some of the techniques you can use to make your UI pop.

April 30, 2020

Submit a library

Get your library out there for developers to see.

Submit library
video

Svelte Society Day 2020 - Alexander Esselink: Creative coding, the Svelte story.

Svelte Society Day 2020 - Alexander Esselink: Creative coding, the Svelte story.

Creative coding with Svelte is a blast, in this talk I'll show you what svelte brings to my table. I'll make some pretty visuals while talking you through the process.

April 28, 2020
video

Svelte Society Day 2020: Antony Jones: Authentication with Sapper

Svelte Society Day 2020: Antony Jones: Authentication with Sapper

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

April 28, 2020
video

Svelte Society Day 2020 - Tanay Pratap: Building 10KB email client at Microsoft

Svelte Society Day 2020 - Tanay Pratap: Building 10KB email client at Microsoft

Tanay Pratap talks us through the thought process behind building a tiny email client and serving markets where slow network connections are common.

April 28, 2020
video

Svelte Society Day 2020 - Tan Li Hau: The Svelte Compiler

Svelte Society Day 2020 - Tan Li Hau: The Svelte Compiler

This talk will give you an overview of the Svelte compilation process, from parsing the source code, analyse the code to generating final JavaScript code.

April 27, 2020
video

Svelte Society Day 2020 - @swyx: Data Fetching For Developers Who Are New to Svelte...

Svelte Society Day 2020 - @swyx: Data Fetching For Developers Who Are New to Svelte...

Here at the Svelte Society For Developers Who Are New to Svelte And Wanna Learn To Do Other Stuff Good Too, we teach you that there's more to life than making really, really ridiculously good-looking apps. You can also make them with a lot less code.

April 27, 2020
video

Svelte Society Day 2020 Livestream

Svelte Society Day 2020 Livestream

Svelte's first conference! all speakers and resources here! https://gist.github.com/sw-yx/ace62a7f6b880a3c87660ac6e663bd9a Over 1000+ current and future @sveltejs devs signed up from🇳🇱🇩🇰 🇦🇷🇻🇳🇨🇦🇫🇷🇬🇷🇺🇸🇬🇧🇫🇮🇩🇪🇮🇳🇳🇬🇺🇿🇲🇽🇷🇺🇸🇪🇭🇷🇬🇭🇹🇷 🇧🇪🇮🇹🇮🇩🇸🇬🇷🇴🇪🇪🇪🇸🇰🇷🇨🇭🇹🇭🇧🇷🇵🇪🇨🇴🇵🇹and many more!!!

April 27, 2020
video

Layercake, Degit and Pancake - Michael Keller & Rich Harris @ Svelte Society NYC

Layercake, Degit and Pancake - Michael Keller & Rich Harris @ Svelte Society NYC

Michael Keller and Rich Harris at the Svelte Society NYC. Michael introduces Layercake, a Svelte-based charting library that simplifies chart creation by handling state and reactivity, and allows for easy customization. Rich Harris then presents Pancake, another charting library that focuses on rendering charts without requiring JavaScript in the browser, ensuring better performance and accessibility.

March 2, 2020
video

Eleftable: Not another Survey App - Michael Adam Berry

Eleftable: Not another Survey App - Michael Adam Berry

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.

March 1, 2020
video

Svelte Society NYC 4 full stream: Eleftable, Svelte Zen Garden, and Layercake & Pancake

Svelte Society NYC 4 full stream: Eleftable, Svelte Zen Garden, and Layercake & Pancake

06:23 - Eleftable - Michael Adam Berry - https://eleftable.michaeladamberry3.now.sh/ 19:03 - Svelte Zen Garden - swyx - https://svelte-zengarden.netlify.com/ 35:47 - Layercake - Michael Keller - https://layercake.graphics/ 01:01:07 - Degit and Pancake - Rich Harris - https://pancake-charts.surge.sh/

March 1, 2020
video

Introduction to Svelte, Actions and Stores - Kevin Åberg Kultalahti @ Svelte Society Stockholm

Introduction to Svelte, Actions and Stores - Kevin Åberg Kultalahti @ Svelte Society Stockholm

Kevin walks us through some basic Svelte syntax as well as shows us some examples of Actions as well as Stores. Thanks to Christian Heine for some of the examples shown in the presentation.

February 25, 2020

Newsletter

Stay up to date with the Svelte ecosystem.

  • This Week in Svelte — A weekly roundup of the best tutorials, libraries, and community highlights
  • Featured Jobs — Hand-picked Svelte job opportunities from top companies
  • Community News — Announcements, events, and updates from the Svelte team

Newsletter data is processed by Plunk, our email service provider. See our Privacy Policy.