Svelte Fall
Summit
The 4th virtual conference about Svelte decorative fall leaves

Watch the event

Sponsors


Speakers


  • Image of Rich Harris

    Svelte Cubed

    The other side of SvelteKit
  • Image of Steph Dietz

    Why Svelte is the best framework for beginner and advanced developers alike

    With no boilerplate code and little Svelte-specific syntax, Svelte feels just like vanilla JavaScript, making it a great framework for beginners to easily pick up. While it is beginner friendly, it does not sacrifice any best practices or features. In fact, Svelte can do everything other popular frameworks can do and more. Because of this, it is more than just a good starting point for beginners.
  • Image of Scott Tolinski

    From React to Svelte

    We 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.
  • Image of Mateo Morris

    Introducing Primo: a Svelter, all-in-one way to build and manage static sites

    In 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.
  • Image of Kevin Bridges

    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)!
  • Image of Dean Fogarty

    Transforming data to and from storage areas using Svelte custom stores

    Custom 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.
  • Image of Austin Crim

    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.

  • Image of Geoff Rich

    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.

  • Image of Ben Holmes

    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.

  • Image of Evyatar Alush

    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.

  • Image of Dominik G.

    Sveltable Vector Graphics

    A fresh take on icon libraries.
  • Image of Jesse Skinner

    Adding Svelte to your legacy projects

    Excited to use Svelte, but stuck maintaining a huge React or PHP application? You don't have to rewrite your whole application to get started using Svelte! In this session you'll learn some techniques for adding Svelte to any web project. You'll also see how to reuse your existing JavaScript widgets inside your Svelte components, whether they are React components, or even ancient jQuery plugins!
  • Image of Kellen Mace

    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.

  • Image of Ken Kunz

    A State Machine walks into a Svelte Component

    Finite state machines provide an elegant, powerful approach for modeling complex behavior, and are ideally suited to many UI components. Alas, existing JavaScript FSM implementations feel verbose and bloated alongside Svelte's elegant, minimalist syntax. No more! svelte-fsm is the Svelte-esque FSM library. Discover the joy and benefits of using svelte-fsm to manage your components' state.
  • Image of Jim Fisk Image of Stephanie Luz

    Dreaming of Theming with Svelte using Plenti

    Plenti 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.

Organised by


FAQ


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.

Timezones


London (GMT)
5:00 pm
Stockholm (CET)
6:00 pm
Berlin (CET)
6:00 pm
Moscow (GMT+3)
9:00 pm
Tokyo (GMT+9)
2:00 am
Sydney (AEDT)
5:00 am
San Francisco (PST)
9:00 am
New York (EST)
12:00 pm