Learn How To Derive Values In Svelte 5 Without Side Effects

[@RonnieDenzel]

Best ad I ever seen,backed by a great explanation in svelte runes💯

[@mikejohneviota9293]

Svelte 5 is almost there i feel it!!!!;🎉🎉🎉

[@kavirajar]

As someone who's using svelte 5 in production this has been insanely helpful and relatable haha

[@JoyofCodeDev]

relatable 😂

[@webstuffzak]

I love how much fun you're having. It's infectious.

[@JoyofCodeDev]

I try to make it entertaining 😄

[@IsaacHarrisHolt]

Excellent video! I've been keeping an eye on your tweets and its good to see them with a nice explanation. Super helpful for someone who hasn't been able to explore Svelte 5 much! Also liked the more casual style for this one :)

[@maximus1172]

Svelte 5 can't come soon enough

[@michaelm3936]

5:00 I know this is your catch phrase, but I absolutely love that this actually got me to laugh. Donating now.

[@JoyofCodeDev]

I love to entertain 😂

[@muhammedhalilovic8561]

That's how easy peasy lemon squezy this is! Please don't call the police XD Love your work man, keep it up.

[@thedelanyo]

$effect for side effects. $derived for sync ✍️✔️

[@foitzer4839]

So if I want to keep values (for example from inputs) in sync with local storage Do I use effect?

[@jacklambert7809]

@@foitzer4839 I wouldn't use the reactivity model for that. Handle input with the element's `oninput={handler}` directive, then in the handler function, process the input and update localStorage.

[@nanakojoatta-benyah7794]

I'm overjoyed to see this video

[@prashlovessamosa]

Why does this feel so good.

[@pixiedev]

If this feels so good then you have not seen vuejs.

[@bryamalfaro]

thanks man look great!!

[@yash7630]

Aye, yo make more videos love your content

[@ThiagoLagden]

My gov!!! I don't know how I'm going to migrate my workarounds (hacker thing) 😁!! Will you make a video about $bindable?

[@JoyofCodeDev]

yeah 😄

[@vexkiddy]

how are you getting the IDE auto complete ? I'm using Webstorm and it still doesn't know what runes are :(

[@JoyofCodeDev]

I use VS Code and the Svelte extension

[@cotyhamilton]

[object Object] how beautiful is that friends 😂 We had d (deez nuts 🤭) 😂 Had me cracking up today

[@justingolden87]

Reporting you to the Svelte police... for being too good, educational, and fun

[@JoyofCodeDev]

🚨

[@alwayzsmarter]

I live in the us and don't think I could've spelled Fahrenheit off the cuff that quick

[@narrei666]

sooo, if u r gonna just write normal code, you don't ever need to watch this video. the problem is nobody is gonna write normal code so better watch to be aware of what you could cause.

[@JoyofCodeDev]

yeah I think it helps

[@DannniScript]

Ok I love classes now

[@JoyofCodeDev]

they're neat

[@DannniScript]

"DOBLE" 🇪🇸💃

[@bmehder]

banana mentioned

[@phoneywheeze]

it went from being jQuery like to react like

[@TheVertical92]

I still dont see how Svelte 5 is easier than Svelte 4. While i love some of the new features, in general i have the feeling that this isn't what svelte was to me anymore. I could just use Vue3 if i want this.

[@7orment]

I'm on the exact same boat.

[@Wombosvideo]

Svelte 5 is not easier than Svelte 4 if you're already familiar with Svelte 4. There are a lot of new concepts and changes that bring it a little closer to vanilla syntax, but this will also change your code significantly, like event dispatching for example. Remembering when I started with Svelte, I think Svelte 5 is easier to learn if you've never heard of Svelte. But if you're already a Svelte Pro, the change can be a bit challenging. If I get to it, I will contribute to the docs to show how old concepts translate to new concepts because the current Svelte 5 docs does not cover that (sufficiently).

[@JoyofCodeDev]

I think they're both a great choice

[@TheVertical92]

@@Wombosvideo My issue is just that i dont see the point in using svelte anymore, when its so close to Vue3's syntax (when it only comes to syntax, sure there are other factors too). The appeal for me was the simple syntax which made it appear that any variable is reactive (without using runes/functions). This magic came with a price, sure, but it was the unique selling point to me (plus that svelte has no vDOM). Like i said, i really like some of the changes like passing eventhandlers as props instead of using dispatch and i especially love the snippets.

[@yoanestradablanco1608]

I'm increasingly disillusioned with this Svelte project

[@JoyofCodeDev]

what about it do you not like?

[@erickmoya1401]

Bro playing as overengineer Typescript functional developers "Oh I am using this and that then this that calls that, I am so smart"