The 4th virtual conference about Svelte
- Rich Harris TwitterThe other side of SvelteKit
- Steph Dietz Twitter
- Scott Tolinski Twitter
From React to SvelteWe rewrote our entire platform on Svelte. In this talk, I'll cover the practical techniques, lessons learned and tips and tricks for anyone considering a move.
- Mateo Morris Twitter
Introducing Primo: a Svelter, all-in-one way to build and manage static sitesIn this talk I'll show you how you can use Primo (an open-source desktop app) to quickly build interactive, easily editable websites using Svelte. In the process I'll demonstrate how Svelte's powerful features enable both Primo's component-driven development & lean, accessible, fast-loading static sites.
- Kevin Bridges Twitter
Responsive Svelte (exploring Svelte's reactivity)The session focuses on better understanding Svelte's reactivity. We will do this from an 'observer perspective' - by visualizing it first-hand (right in your application)!
- Dean Fogarty
Transforming data to and from storage areas using Svelte custom storesCustom 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.
- Austin Crim Twitter
Skipping Scales to Make Music: Svelte as an Instructional Tool
After failing to learn React, Svelte swooped in to rescue my frontend learning journey by allowing me to build things fast. Its syntax was simple and its mental model intuitive.
Though there is much gnashing of teeth over web development neophytes skipping the fundamentals and going straight to frameworks, I will make the case for why starting Svelte helped changed the arc of my career.
- Geoff Rich Twitter
Svelte Transitions and Accessibility
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.
We'll iteratively build a solution to change which transition we use when the user requests reduced motion -- first only using CSS, then detecting the user's motion preference in a Svelte component, to finally encapsulating the logic in a reusable Svelte store.
- Ben Holmes Twitter
The 'how' and 'why' of islands architecture with Svelte + Slinkity
I'll be honest here. Svelte didn't capture my attention for its slick templating language, its state management, or really its DX in general. No, I fell in love since the Svelte 2 days because of one dream: finding a runtime-less *disappearing* framework.
This new trend towards 'partially' hydrating pages with little nuggets, or islands, of interactivity (see Astro) is *built* for such a JS-light approach. So let's discuss why Svelte is my framework of choice for islands architecture, and how 11ty + Slinkity can bring these islands to any HTML template.
- Evyatar Alush Twitter
Up your form validation game with Vest
Forms were not always a part of the web, in fact, they were only added in HTML2, and even to this day writing them feels like they are an afterthought.
Vest is a powerful form validations framework inspired by the syntax and style of unit testing libraries like Mocha or Jest. It uses their declarative structure and makes it easy to write complex form validations that are also easy to read and maintain.
- Dominik G.
Sveltable Vector GraphicsA fresh take on icon libraries.
- Jesse Skinner Twitter
- Kellen Mace Twitter
Bringing Svelte to 40% of the Web: Using Wordpress to Power Svelte
WordPress is the world's most popular content management system, powering over 40% of all sites on the web– a staggering statistic.
In this talk, we'll discuss how we can let content creators keep the excellent editorial workflows that WordPress provides, while leveraging Svelte on the frontend to provide a phenomenal user experience.
- Ken Kunz Twitter
- Jim Fisk Twitter Stephanie Luz
Dreaming of Theming with Svelte using PlentiPlenti is a free and open source static site generator for Svelte. Its simple design makes it great for beginners who are trying to break into tech, but it's also powerful and extremely fast for devs who need to be hyper-focused on being productive. Plenti takes care of common things you need for building websites, including connecting your Svelte components to a data source, client routing, hydrating to a single page app (SPA), and creating HTML fallbacks for each page to improve performance and SEO.
- How do I watch it?
- Once the day arrives, tune in to the Svelte Society YouTube channel and start watching. We'll also make sure to post a notice at the top of this page if you forget where to go.
- What is this?
- Svelte Summit is an event dedicated to Svelte and everything that is happening in the community. You'll be able to tune in to a full day of talks and discussions all while chatting to other Svelthusiasts on the Discord server.
- Will it be recorded?
- Absolutely! You'll find it on the Svelte Society YouTube channel once the event has been finished.
- Can you remind me when the date gets closer?
- Yes, enter your email here.
- I'd like to do a talk, how can I submit one?
- The time to submit talks has unfortunately closed. We look forward to your submissions next next year.
- Do you have a code of conduct?
- We sure do. And we expect everyone to abide by it. You can read it here: Code of Conduct.
- I want to sponsor the event!
- The easiest way is to fire off an email to [email protected] and tell us what you have in mind. We have two different levels of sponsorship: Platinum and Gold. Our sponsor deck is available here.