Brittney Postma of CodingCat.dev shows us how to create a store with Svelte and setting it to local storage so that it persists through refresh!

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.

Routify 3 preview and walkthrough — app creation via CLI, plugin usage (Index By Name), Pico CSS integration, page ordering, and route metadata concepts. Build-time metadata generation, API data fetching (e.g., GitHub), Markdown-to-HTML conversion, dynamic routes and imports for SSR, navigation and multi-router features, and router state persistence.

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 kinds of routers (based on the History API or based on the page's hash), how they differ, and when you should pick which. We'll also go through a demo of implementing routing for a Svelte 3 SPA using svelte-spa-router.

Routify offers a great developer experience to build the routes for your Svelte app.

Join GHOST for our Second Svelte Sirens event as she shows you the magic of Routify in Svelte Kit. Take a look at the links below to find out more about Routify, Svelte Kit, Svelte Sirens, and GHOST!

In this episode we talk about stores! Custom ones, regular ones, cool ones! ALL THE STORES! We also rant a bit about the current state of build tools.

2022年2月3日のSvelte日本のMeetup Lightning Talk 発表者：Kato Davide (@DavKat)

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

Tom Ballinger introduces Convex, a new client for Svelte that extends reactivity from the UI to the server and database.

Simple Svelte Router for Single Page Applications (SPA).

Svelte Router adds routing to your Svelte apps. It's designed for Single Page Applications (SPA). Includes localisation, guards and nested layouts.

Svelte router using a store and components.

React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.