Svelte 5 is Bigger Than You Think

Svelte 5 is (basically) here, and I wanted to go over the major changes that have made this framework SO much better.

Some great videos going deep on runes:

[lcarv]

Keeping the title of “The best fontend framework” for a few years in a row. Love to see it. Nice video.

[stephanpio]

Awesome video, I started using classes for most of my shared state and it was a game changer. Realizing I could export the class (for local state specific to a component) as well as exporting an instance of the class and reusing it basically covers all of the typical use cases I have for shared state. I didn't really comprehend the value when I first started using Svelte 5 but I think the pattern you described in the video will become the norm. Thanks to you, JoyofCode, and Huntabyte for providing a lot of helpful short videos on these topics.

[grenadier]

Svelte 5 also uses event delegation.
Now instead of adding an event listener to each element, it creates an event context for each element and when any event is dispatched, svelte detects what event context to execute

[adriablancafort]

Svelte 5 is amazing! I love runes and I love how cleaner the syntax looks now. Thanks Rich Harris for listening. Now I can confirm that it is "vibes optimized".

[pjc]

Great to see you back to covering more Svelte 💯😃👍

[zap]

4:00 in practice you'll probably want to use the context API anyway by initializing the object within the top level layout or something, since globals could get reused on the server between requests and leak data. On the plus side you don't have to worry about context rerendering your whole application like you do in React.

[arnavshukla]

I'd love for you to do a Svelte 5 Tutorial. I'm really enjoying your videos, keep it up!

[JustSuds]

I’m using svelte5 in two production apps currently already, and I’ve got to say snippets are one of my favourite things.

[karolus__]

Svelte5 is awesome, but as for now it's not production ready. There is plenty of libraries that doesn't work with Svelte5 or u need some additional fixes to make it work. I can't wait for the release.

[prashlovessamosa]

I have a question whenever svelte 5 releses are we able to use version 5 features in sveltekit I am little bit confused with the ecosystem as we dont have react router for svelte than how can we do routing in svelte we have to use sveltekit correct please guide me

[RyoukenDofus]

Fuckk Ben you just convince me to start migrating my app to svelte 5 before releasing the mvp

How is the experience of using Svelte5 with SvelteKit? I used Sveltekit a long time ago when it was quite early and got burnt by all the hard coding needed to leverage the unstable parts. Looking at using SvelteKit for a new project but Svelte5 not being stable it feels a bit like getting back in the risk of having to deal with breaking changes.

[Animadroids]

"Svelte 5 production is not landing when you think" is more accurate title

[MadeInJack]

How would you create your Workout AI app using Svelte 5 (without RSC)? A video would be great about that, to show that you can build Generative UI apps using Svelte too! Thanks!

[XRENDERMAN]

It's not a win, it's the main and only thing that differentiated Svelte - concise syntax. Now I see no reason why to pick it over Vue for example.

[dan-bzdz]

Any better abstraction than using a class?

[scott_itall]

Svelte 5 has taken so long to come out I went off and learnt Laravel lol.

[HariPrasad-mnvu]

Finally i found someone who keps that annoying sidebar on the left :-). Btw what theme are you using??

[seethruhead]

would prefer a factory function rather than a class

[mikelchannel]

look out, there´s a typo in the title, is Than, not Then