Svelte 5 Is Here!

[@JoyofCodeDev]

Great episode! I have some clarifications, if you don't mind: - `$state` only uses a Proxy object when you pass an object or array for deeply nested reactivity - You don't have to return `get/set` methods if you use proxied state - The reason `$effect` doesn't use a dependency array is not because of the compiler, but how signals work since it knows the context where it was read and reruns when it updates (signals are like a dependency graph that's constantly updated) - `$effect.tracking` is used to make sure effects only run inside a tracking context because effects don't work outside the component initialization phase and require a root effect to auto-cleanup nested effects (I haven't seen this used outside library code like `createSubscriber` from Svelte) - You can export snippets

[@dei8bit]

My God brother!!! How do you study to have things so clear? I really admire your understanding panorama. ♥ like a bible xD

[@omomer3506]

Am simple man, i see of matia i give a like

[@isaacdruin]

Legend

[@justinoneill2837]

missed one... at 12:55 it's 𝒅𝒆𝒓𝒊𝒗𝒆𝒅.𝒃𝒚𝑭𝒆𝒍𝒊𝒄𝒊𝒂'

[@zhanezar]

Hi Scott thanks for always giving svelte a try its really important that voices like yours show how great it is, especially in a world dominated with next/react.

[@Terr590]

I love Svelte, I love Svelte 5, I love Syntax!

[@gabriel_export]

Great episode, I would love some recommendations on how managing and handling state changes with Svelte 5 like practical state patterns with classes and what not!

[@AxelRock]

Svelte content gives me goosebumps. Syntax content gives me goosebumps. This thumbnail made me feel hot 🥵 Time to get cosy, prepare a coffee, a cinnamon bun, dim the lights, and watch this episode, even if I probably know everything you'll have to say, I'm happy to hear your take on it.

[@MrJfergs]

Scott mentions wanting islands in a future version of svelte around 55:22 what would this look like considering svelte is always loading JS on the client? Unlike astro you are already loading the svelte post compilation code, so I don't understand how that would work in practice? Does he mean that on pages that use SSG that the dev would have to opt in to having the svelte lib load on the client? Would this not require sveltekit to use become an MPA as there would be no client JS for the routing? This seems like introducing a bit of complexity to save on a fairly small amount of JS bundle size, considering that svelte code is already compiled without a virtual DOM... Maybe I'm wrong though feel free to explain that feature idea further though.

[@dei8bit]

i never thought i would enjoy, or even be happy about a technology, but i really enjoy the syntax and development experience of svelte, in a way that i have never enjoyed before with any technology i have ever used. svelte, marry me!!! ♥

[@joselmedrano]

Where do I find Scott interviewing Rich Harris that they keep mentioning in the last few episodes.

[@syntaxfm]

Will be released on JSNation’s channel. Not sure when they will release but we’ll post them.

[@martixy2]

If you don't care about people's preconceptions/biases, "effect" is simply a nod to "side effect", which has a clear meaning in the broader field of Computer Science.

[@WD-xw7lc]

You should record screen and display it here on YT, for example Svelte docs and shameless plugs.

[@OhDevBeard]

Tanstack start vs Sveltekit. Guys I’ve been fighting this for weeks. I have so many projects that I need/want to build but I just can’t decide which one of these to move forward with in this season.. Bruh halp

[@adrianjdelgado]

Tanner has said he plans to port Tanstack Start to Svelte (!!) In the future you wouldn't have to choose.

[@vitorguidorizzzi7538]

Dont torture yourself using react

[@paulvickers8059]

@@adrianjdelgado that would be cool

[@luka1790]

Solidstart, it is jsx with signals. Tanstack start will also be ported to solidjs :)

[@SeanJMay]

"No one is coding in a serif font" It hurts to remember that I was teaching myself C and C++ and HTML in Notepad (for those wondering, that's (Notepad++) - 1).

[@omomer3506]

Wes : No one codes in Serif Me : is that challenge?

[@nicolaspadari3035]

Great! Any chance for you to have a chat with some nuxt team dev in the future episodes? I think it will be really interesting to see how things evolved over time, have some insights on nuxt 4 and see the ecosystem state as of now Keep up the great podcast!

[@omomer3506]

Seeing how people feel giddy about Svelte makes me feel normal of how i felt when it came out

[@mibaatwork]

Because I use different frameworks and I don’t want to change my experience on reactive variables, so I changed to nanostores. I don’t like the new rune implementation a lot for store. But I like most off the other runes, and I love the new snippet stuff.

[@hello_world_104]

lol when they released the serif docs font I thought the correct font wasn't downloading and refreshed page like 10 times lol

[@SilvestreVivo]

Svelte 5 > Vue 3 > React 19 > Angular

[@Almighty_Flat_Earth]

React is the worst of all. Angular is a professional framework with signal and linkedSignal. So Angular gives great developer experience as Svelte.

[@JLarky]

Forgot Solid >

[@SilvestreVivo]

@@JLarky I did it on purpose. No chance for Solid to be on the top.

[@JLarky]

@@SilvestreVivo tell that to state of JS survey 🙃

[@SilvestreVivo]

@@JLarky oh, thanks for the reference of JS survey, that means I am wright with Svelte :)

[@prashlovessamosa]

Hey Scott now zero announced alpha are you going to make some local first stuff please whenever you have time please consider my request.

[@syntaxfm]

1st video is coming tomorrow. Although not a tutorial, just an intro. I’ll def be doing a big local first course with zero.

[@prashlovessamosa]

@syntaxfm great thanks

[@imnabeelkhan]

My first, first comment lol

[@grinsk3ks]

Did svelte just became more vueTiful? The changes in state API just look like Vue to me. The fact that vues reactivity works outside of Vue has always been a major advantage for me. Btw computed, watch, watchEffect work without the compiler. It gets optimized if you do compile though.

[@greendsnow]

Good luck with newest latest aceternity UI components... You see.. things lack behind with svelte. Everything is doable but you have to work! Whereas React has it already. Astro for the win, I say

[@Michael_moa]

This isn't a viable reason to stay with a broken library.

[@syntaxfm]

Never heard of Aceternity before but S5 is backwards compat with svelte 4 so most Svelte libs will work without issue.

[@Michael_moa]

​@@syntaxfm Aceternity is a collection of js + tailwind components and was made by someone using React so the JavaScript is done with React. Svelte has a clone of this, cause it's just JavaScript and can be migrated to any framework basically.

[@Michael_moa]

​@@syntaxfm so the person maintaining the svelte clone of Aceternity hasn't done every new thing on the original Aceternity. So his comment was him saying React is better cause Aceternity is already done in React other than having to migrate to a different framework like Svelte

[@techinsider3611]

$derived.by not buy 😂 in description

[@syntaxfm]

Fixed, thanks!

[@jamesmoynihan948]

​@syntaxfm it's still in the 12:55 title card

[@justinoneill2837]

@@jamesmoynihan948 cant edit the graphic out