Svelte 5 Runes - How to talk to the compiler ft Rich Harris

Svelte 5 introduces a new concept called Runes that basically allow you to use magical symbols that influence the Svelte compiler.

We brought Rich Harris, the creator of Svelte, to the Prismic Studio to show us how you can use runes in your next Svelte project.

🔗 Try Svelte & Prismic in a 3D Portfolio website project:

🔗 Build a dark modern website with Sveltekit and GSAP

---

As a developer, you should build websites using your favorite Jamstack framework.
Prismic allows you to build website sections, that you can connect to a website builder for your client or team. They will create pages from there and you get that content back to your code through our fast API.

---

#svelte5 #runes

[nyashachiroro]

The fact that the code produced by the Svelte compiler is actually somewhat readable and understandable is impressive, especially compared to what's produced when other libraries are transpiled.

[DavidHust]

Rich is a beast. He's been doing these same interviews for about a year, and he's still excited to show it off.

[bmind]

Really enjoyed this deep dive into the compiler. Excited about Svelte5!!

[everythingisfine]

Upgrading Svelte 4 👉 5 and everything still works. That's such a *BIG* win for svelte. The only major technical advantage React had was seamless upgrades and Svelte just achieved that 🏆

[WebJeda]

Svelte is the only framework that sparked joy for me ✨

[Ripstikerpro]

The ability to use classes as stores is such a nice improvement, I love it

[ymi_yugy]

The svelte repl is amazing. It's my go to place whenever I need to try some web related thing

[registro_pedagogico]

Svelte es mi framework favorito, estoy ansioso de que salga la versión estable

[mikeonthebox]

3:20 If I'm not mistaken you can't use Runes inside a function neither.

[justadevlog]

Ok i lost my mind for second when i saw bind: in action Holly that's insane

[m_raez]

Since Runes are still Runtime-Reactivity, you can easily build an API to your liking using them as primitives

[DomskiPlays]

lets go. I love Svelte 5 the only thing I hate is how destructuring loses reactivity which was super confusing at first

[robotempire]

@16:32 I suppose $.source is a "source" of reactive signals, while $.proxy is proxying the array primitive which contains sources? So the thing produced by $.proxy is like a signal controller, maybe? I reckon any iterable object would be compiled down to a proxy or something like this? interesting conversation all around regardless

[everythingisfine]

I use jsDocs + default function parameters (when possible) & raw-dog everything else ✌️

[Lemmy]

You don't have to use a class, you can also just write a function that returns an object where the fields are the fields of the class, and you can also expose methods that can use this.foo to access the fields of the object itself, for simple use cases it's less verbose than classes

[figloalds]

11:44 yo what's this undocumented sorcery he just did there? Wow 👏
I love to have learned this

[AmitGupta-pogf]

Rich for president. @Prismic - You earned a subscriber today.