Geoff Rich

Camp Counselor

Intermediate SvelteKit: Beyond the Basics

Event Logo

Wednesday, July 26, 2023 - 9:00 PM UTC, for 1 hour.

AT THAT (In-Person Only) Regular, 60 minute presentation

Room: African 60

svelte
javascript
frontend

SvelteKit gets you up and running quickly, but also offers some powerful tools when you’re ready to build something more complex. I’ll do a deep dive on two topics that will help you build better and more ambitious SvelteKit apps: advanced data loading and progressive enhancement. Data loading: - how SvelteKit helps avoid “data waterfalls” and how to keep from creating them - using layout load functions to share load functions between multiple pages - streaming non-essential data so your pages load more quickly - refreshing the data from a single load function with `invalidate` and `depends` - understanding the difference between a server and a universal load function, and when you might want to use both - how to use Svelte stores safely on the server Progressive enhancement: - why and how you should consider the experience when JavaScript isn’t available - all the different ways to use forms, both for loading and updating data - customizing SvelteKit’s built-in form `enhance` action - when the URL is the best place for your page’s state

Prerequisites

Basic familiarity with building websites with component frameworks (React/Vue/Svelte). Ideally you're also familiar with the basics of SvelteKit - how to create a route, return data from a load function, and access it on a page. However, I'll give a very brief refresher at the top of the talk before diving into more intermediate topics.

Take Aways

  • Understand all the different ways SvelteKit lets me load and update data, and any performance implications
  • Understand why progressive enhancement is important and what I need to consider when building a SvelteKit app
favorited by:
Brett Slaski