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.
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.
Authentication Server-Side Rendered Single-Page Apps can be difficult. Antony looks to break down the simplest possible way of providing full SSR compatible authentication with JWT
This week’s topics:
0:00 Introduction
0:21 Changelog - Svelte 4.0.2-4.0.5, SvelteKit 1.22.0-1.22.1
4:41 Quick facts - @const usage tips, form.requestSubmit()
12:26 Discussion - Svelte 5 wish list
19:51 Q&A - Using local storage with a custom store
23:42 Q&A - how to safely use setInterval()
27:01 Q&A - how to reuse code across multiple projects
31:59 Q&A - how to use markdown with SvelteKit
00:00 Introduction
00:30 Announcements - Svelte Summit
01:10 Runes Primer
13:17 Runes FAQ
19:20 Rune helpers and stores with Hunter
26:26 Runify demo and fine-grained reactivity with Paolo
35:00 The library maintainer’s perspective with Hunter
45:08 Poll: the kinds of applications we make
53:25 Paul proposes Runes be a compiler-based toolchain separated from Svelte, similar to RxJS
1:01:11 Everyone’s impressions of Runes
1:02:48 Tantei-Kun likes the $props Rune
1:07:32 Poll: everyone’s impression of Runes so far
Building a SaaS module for SvelteKit - Josh Nussbaum
Setting up the tech stack for a SaaS app can be a lot of work - but not any more!
Using Auth.js, SvelteKit & Stripe, I built a re-usable module that makes this much easier.
This talk will cover the internals of Auth.js, how to build a re-usable SvelteKit module, and integrating Stripe with SvelteKit.
Svelte in Motion - James Camilleri
Procedurally-generated video using everyone's favourite framework and ungodly hackery.
This is a short (probably) talk about using svelte and front-end programming to generate motion graphics, as well as techniques to procedurally generate variation of videos/animations in bulk.
Josh Nussbaum presents a talk on building a SaaS module for SvelteKit called AirBadge, designed to help developers quickly create and experiment with SaaS businesses.