Svelte Summit 2020
Talks
Prototyping Testing with Real Data Models using Svelte
Rapid prototyping and feedback is the best way to ensure that our products are solving real problems and meeting user needs. Tools like Figma and InVision let us mock up something quickly and get static prototypes in front of users without having ...
Daniel E. Sandoval
JavaScript
Svelte
Building SEO Friendly Sites with Svelte and Elder.js
Svelte makes interactivity a breeze but building SEO focused websites with Svelte isn't as easy as it seems. 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, hoo...
Nick Reese
JavaScript
SEO
Svelte
How you setup data visualization with Svelte
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. Lean back and I’ll show you the how and the wow! Fur...
Matthias Stahl
JavaScript
Svelte
Svelte at the Edge
Will Svelte run inside a Cloudflare Worker? What are the benefits? Are there trade-offs? Can we make this easier?
Luke Edwards
JavaScript
Svelte
Learn Svelte Using React
Let's use mental models we already know to learn Svelte.
Benjamin Schachter
JavaScript
React
Svelte
Unlocking The Power of Svelte Actions
Learn how to make development easier with Svelte actions. Create custom events, extend DOM attributes, share animation logic and more. Further links and resources are available in this gist! https://gist.github.com/vedam/cb1fca38d021143a87f59...
Kirill Vasiltsov
JavaScript
Svelte
The Zen of Svelte
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. Further links and resources are available in this gist! https://gist.github...
Morgan Williams
JavaScript
Svelte
Modern fetch in svelte using stores
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 pe...
Tim Raderschad
JavaScript
Svelte
Futuristic Web Development
The front end development landscape has been transformed since we started building Svelte and Sapper. What would a reimagined, truly modern workflow look like?
Rich Harris
JavaScript
Svelte
Introduction to Svite
An Introduction to Svite and demonstration of its features: - easy setup with cli - ultra fast hot-module-reloading - optimized production build Further links and resources are available in this gist! https://gist.github.com/vedam/cb1fca38...
Dominik. G
JavaScript
Svelte
So you want to pick a router?
If you are building a Single-Page App (SPA), you will likely need a router for your app. With the lack of an official router for Svelte 3, there's quite a few options, so which one should you pick? In this talk, we'll look at the two different ...
Alessandro Segala
JavaScript
Svelte
REPLicant
A REPL, or online playground, is a great way to allow users to test-drive tools you have built without needing to install a thing, but they are also great for interactive tutorials, sharing snippets and reporting bugs! The Svelte REPL has been ...
Peter Allen
JavaScript
Svelte
How to build a cat-themed streaming service with Svelte
This was recorded for https://www.sveltesummit.com 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. Further links and resour...
Annie Taylor Chen
JavaScript
Svelte
How does Svelte's crossfade function work?
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. Further links and resources are available in this gist! https://gist.github.com/ve...
Nicolo Davis
JavaScript
Svelte
Svelte Animations - Builtin and Custom
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 ani...
R. Mark Volkmann
JavaScript
Svelte
Plenti
Plenti is an open source static site generator (SSG) that uses Svelte to give developers a dead simple way to make dynamic and speedy websites. It takes a new approach by cutting out bundlers, hitting the compiler directly in V8, and building scaf...
Jim Fisk
JavaScript
Svelte
Demystifying Svelte Transitions
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? In this talk, we are going to take a deep dive to look at the transition mech...
Tan Li Hau
JavaScript
Svelte
Web à la Mode
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.
Ron Au
JavaScript
Svelte