Uploaded June 2024 | Updated September 2026, 1 week ago

---

In this video, we'll start with some basic markup and bring it to life using Svelte 5 Runes and other new Svelte 5 APIs. Specifically, we'll be creating a "Toaster" component along with its state that will enable us to push toast notifications from anywhere in our app.

If you enjoy this type of content, please let me know, and I'll gladly create more!

Global State Video: youtube.com/watch?v=EyDV5XLfagg

Starting Code: github.com/huntabyte/svelte-5-context-classes/tree/starting-code
Final Code: github.com/huntabyte/svelte-5-context-classes

📁 GitHub: https://hj.run/github
🌐 Personal Site: https://hj.run
🚀 Modern SaaS Course: hbyt.us/modern-saas
💬 Discord: https://hj.run/discord
🐦 X/Twitter: https://hj.run/x
🖥️ Setup Stuff: https://hj.run/uses


📃 Topics Covered:
- Svelte 5 Runes
- Svelte 5 $state
- Svelte 5 $effect
- Svelte 5 $derived
- Svelte 5 reactivity
- Svelte 5 classes
- Svelte 5 context
- Svelte context API
- Svelte global state
- Svelte class state
- Svelte reactive classes