Svelte 5: State Handling with Runes

9min Snip

00:00

Play full episode

Summary

Transcript

Episode notes

This chapter discusses the new features of Svelte 5, including the introduction of 'runes' for handling state. They explain how the dollar sign state rune simplifies the creation of global stores and improves API consistency. The chapter also touches upon the benefits of using runes for refactoring and provides an example of using the state rune in an audio player code.

Unveiling Svelte 5! delving into its latest features. From the impressive speed and simplicity to its compact size, discover what makes this new release so exciting.

Show Notes

00:00 Welcome
00:39 Syntax Is A Video Podcast!
@syntaxfm on YouTube
01:52 Brought To You By Sentry.io
02:42 Svelte 5 Introduction
Svelte 5 Intro
05:45 What Are Runes?
- 06:21 $state()
- 11:49 $props()
- Class as a rest prop
- 16:41 $effect()
- 21:17 $inspect()
23:03 What Are Snippets?
27:33 What Are Events?
30:02 Built In Functions
32:42 Smaller Output
Reddit example
33:31 Speed
Benchmarks
35:00 Anticipated Release
Try it today