Damodar Lohani (from Nepal!) explains what he likes about Svelte!

"Svelte Compiler" by Li Hau Tan, Frontend engineer at Shopee Singapore.

Let's use mental models we already know to learn Svelte.

Declarative programming is nice. However, actions performed on a web app are imperative. Svelte's crossfade function provides a way to bridge the gap seamlessly.

Will Svelte run inside a Cloudflare Worker? What are the benefits? Are there trade-offs? Can we make this easier?

In this short talk we will take a look at using Svelte and their awesome stores to create a modified version of fetch which will make our UIs feel responsive and clean. At the end we will also sprinkle in a bit of caching to further improve the performance. We will also talk about Loading Spinners and how we can avoid bored users!

It's unbelievably easy to create a cool slick transition in Svelte. Do you ever wonder how Svelte make it so simple? or how does Svelte make it performant and smooth?

This talk equips Svelte developers to add animations to their apps. First, builtin animations using the svelte/animate, svelte/motion, and svelte/transition packages will be described and demonstrated. Then we will venture into creating custom animations and show how they are based on CSS rather than JavaScript for best performance. The content is derived from my book 'Svelte and Sapper in Action'.

Learn how to make development easier with Svelte actions. Create custom events, extend DOM attributes, share animation logic and more.

In this talk we'll explore how you can use Svelte and Elder.js to build flagship SEO sites. We'll cover routing, partial hydration, hooks, and shortcodes so you can hit the ground running.

Have you heard of Meowflix, a Netflix but dedicated only to cat-themed movies, built by a group of diligent cats? Tune in for a brief walkthrough on how it was made.

Approaching frontend as a backend developer, Svelte feels surprisingly pythonic. Let's take a quick look at what's familiar, what's foreign, and how to explore the gap.

The web is a mouthwatering platform, fashionably served with a side of sweet reactivity. Take a wild ride exploring what it has to offer you and how Svelte ties it all together.

It's finally time. Let's all hunker down and watch 17 great Svelte talks. 00:11:23 - The Zen of Svelte (Morgan Williams) 00:17:20 - Prototyping Design with Svelte (Daniel Sandoval) 00:50:16 - How does Svelte's crossfade function work? (Nicolo Davis) 00:58:12 - Plenti (Jim Fisk) 01:17:04 - How you setup data visualization with Svelte (Matthias Stahl) 01:57:20 - Svelte at the Edge: Powering Svelte Apps with Cloudflare Workers (Luke Edwards) 02:34:59 - The Web á la Mode (Ron Au) 02:50:44 - Introduction to Svite (Dominik G.) 02:59:40 - Svelte Animations (Mark Volkmann) 03:30:00 - How to build a cat-themed streaming service with Svelte (Annie Taylor Chen) 03:38:55 - REPLicant (Peter Allen 🐧) 04:19:55 - Unlocking The Power of Svelte Actions (Kirill Vasiltsov) 04:35:45 - So you want to pick a router? (Alessandro Segala) 05:00:00 - Building SEO Friendly Sites with Svelte and Elder.js (Nick Reese) 05:36:10 - Modern Fetch in Svelte using Stores (Tim Raderschad) 05:54:58 - Demystifying Svelte Transitions (Tan Li Hau) 06:41:00 - Futuristic Web Development (Rich Harris)

Lorsque j'ai décidé de me plonger dans les tutoriels du site webglfundamentals.org, j’ai eu envie de créer une interface pour tester les exemples que je suivais. Par la même occasion, je me suis dit que ce serait tellement plus marrant de créer une boucle de retour avec des emojis, basée sur ce qui se passe lorsqu'on finit le tutoriel officiel de Svelte. Je vais vous montrer comment j’ai reconverti un POC fait en vanillaJS en une sorte de notebook personnel, en me servant de Svelte et Sapper, et en utilisant Cypress et Cucumber pour guider mon développement. When I decided to dive into the tutorials on webglfundamentals.org, I wanted to create an interface to test the examples I was following. While I was at it, I thought it would be way more fun to create an emoji feedback loop, based on what happens when you finish the official Svelte tutorial. I'm going to show you how I converted a vanilla JS proof-of-concept into a sort of personal notebook, using Svelte and Sapper, and using Cypress and Cucumber to guide my development.

Les composants sans rendu (renderless components) sont des composants spéciaux qui ne contiennent aucun markup. En combinant slots, context API et stores, ils permettent d'encapsuler des comportements communs. Au travers de plusieurs exemples, je vous propose de découvrir ensemble comment ça fonctionne. Renderless components are special components that contain no markup. By combining slots, the context API, and stores, they allow you to encapsulate common behaviors. Through several examples, I invite you to discover with me how they work.

À l'heure où nos applications web sont de plus en plus complexes, lourdes, gourmandes, et mettent en péril la survie des bébés phoques, est-il possible de concevoir des applications plus éco-friendly ? Découvrons ensemble comment Svelte peut nous aider à construire un web plus léger, plus rapide et plus écolo. At a time when our web applications are becoming increasingly complex, heavy, resource-hungry, and are endangering the survival of baby seals, is it possible to design more eco-friendly applications? Let's discover together how Svelte can help us build a lighter, faster, and greener web.

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.

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.

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.

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.

La conférence francophone sur Svelte et son écosystème ! The French-speaking conference on Svelte and its ecosystem!

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.

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.

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.

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.

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.

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!!!

Swyx presents 'Svelte Zen Garden,' inspired by the classic CSS Zen Garden.

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/