13 Svelte Concepts you Need to Know

Svelte 5 - A hands on pragmatic crash course.

💬 Topics:
- What is Svelte;
- Single file components;
- Svelte Compiler;
- Runes, Signals, effects & derived state;
- Templates & rendering;
- Data binding & event listeners

[awesome-coding]

I know... I'm not good at naming things 🤦‍♂️

[owhut]

damn, that like the exact same syntax of vue

[wlockuz]

Your animations are so clean, what software do you use for editing?

[IainSimmons]

Really great summary of Svelte 5 features. I've been recently playing with it while building a Tauri app.

It's been surprisingly easy to get going, and when I have to look up something in the new Svelte 5 preview docs, it's usually what I would expect, or just very close to regular JS syntax.

Pretty refreshing. I might even like it a little more than Solid, but I haven't had to make lots of components and compose them together yet, so we'll see if that changes as the app becomes more complex.

[madmaxdev]

svelte is optimized for vibes. -Rich Harris

[ryo_]

Props type is written as "let { ... }: Props = $props()", not the generic type of $props().

[Jrd-ugcm]

The only thing I hate about Svelte is that it's so good I don't want to use anything else!

[reubenjunior]

which software did you use to showcase the code like that?

[mdkawsarislamyeasin]

How do you edit this video?
Animation on your code

[ameypendokhare]

you are the official "Deno" channel's voice aren't you 🤨 ?

[mbahmusalto]

Svelte 5 is looking more like React. I prefer SolidJS if the thing look like React, otherwise Svelte 4 is my cup of coffee

[lazyhrse]

one thing to note, is that mutating arrays don't nessesary cause the ui to reflect the changes. you have to assign a new array. Like this
array = array;
or
array = [...array];

[nanashi]

The way to pass type to $props is wrong

Also onMount should be replaced with $effect

[davifreire]

Svelte is the only good frontend framework. ALL frameworks turns simples things into absolute unnecessary chaos.

[vaisakhkm]

🥲 it pains me that you haven't shown the result