Lightnews — Scholar-powered news

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 4h

different in terms of philosophy, functionality and DX which is why I chose Svelte over it 😊

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 4h

changes (namely await and remote functions) that we wanted to get out before creating content because they change pretty substantially how you build.

I also think that while on the surface Vue and Svelte are similar (and I would definitely use the former if I could use the latter) they are very

1 1

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 4h

course is definitely something we could try to get out.

In the meantime @joyofcode.xyz definitely has the best information out there, he recently released a deep dive on svelte 5 and it's about to do the same for svelte kit.

Runes also unlocked the ability for us to do some pretty substantial

1 2

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 4h

We are trying our best to document the best that we can in the official docs. I honestly don't see an extreme level of complexity added by svelte 5 but might be because you get quickly used to it.

The frontend master tutorial is there and it's not really updatable but I think having an official

1 2

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 15h

`bind:group` actually never worked across multiple svelte component (and there's probably no way of make it work)...but overall I feel cross component experience is good...what are you missing?

1 2

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 21h

Solid is clearly Noxt and svelte is clearly svext

1

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 23h

Going live in 18 minutes or so! Join me and @reinhold.is for This Week in Svelte!

youtube.com/live/P8jdPBK...

1

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 1d

I mean...just look at this. Please look at this and tell to my face svelte is not THE best framework. DO IT! 🧡

Simon H @dummdidumm.bsky.social · 1d

Fun little interaction challenge: one select changes the options of another, which needs to load data depending on the first.

This is how you do it with the new Svelte APIs. Comfortably fits into one screenshot.

showing this code:

<script>
import { getStates, getCities } from './data';

const states = await getStates();
let selectedState = $state(states[0]);

const cities = $derived(await getCities(selectedState));
let selectedCity = $derived(cities[0]);
</script>

<select bind:value={selectedState}>
{#each states as state, idx}
<option>{state}</option>
{/each}
</select>

<select bind:value={selectedCity} disabled={$effect.pending()}>
{#each cities as city}
<option>{city}</option>
{/each}
</select>

<p>Selection: {selectedCity}, {selectedState}</p>

3 1 26

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 1d

Join me and @reinhold.is in about 1 hr for This week in Svelte!

Svelte Society @sveltesociety.dev · 1d

In today's stream of This Week in Svelte @reinhold.is will join again to talk about Storybook. youtube.com/live/P8jdPBK...

This Week in Svelte, Ep. 120 — Changelog, Storybook for Svelte Part 3: Testing

YouTube video by Svelte Society

youtube.com

2

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 1d

Maybe someone will to test out remote functions for good 👀

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 1d

Also you sound like the guy who would write in assembly because C is slow

1

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 1d

Do you have any benchmark confirming data star is faster than svelte? Svelte is very close to vanilla JS without sacrificing DX in the slightest.

1 2

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 1d

But that was the whole point of the post! You can use template literals, you can write your whole website in vanilla (saving even your 10kb once 😏) but it's completely unrelated to the post.

You prefer data star and it's absolutely fine, other people prefers svelte "complexity" for better DX!

1 1

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 1d

The svelte MCP is finally (after a long battle with Github Actions) live on the official MCP registry!

registry.modelcontextprotocol.io/v0/servers/d...

(I know the page is not pretty but they didn't implement a fancy website for it yet lol)

registry.modelcontextprotocol.io

1 2 18

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 1d

The point of the post was literally "Look in svelte I can just use {} inside a string instead of template literals" and your answer is "You can just use template literals".

Like wtf?

1 4

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 1d

I use chalk.ist and it's just the best imho (it also has svelte language)

Chalk.ist - Create beautiful images of your source code

Turn your source code into beautiful images

chalk.ist

4

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 2d

Yeah you need to have some sort of map

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 2d

Like this?

svelte.dev/playground/b...

Dynamic Snippets • Playground • Svelte

Web development for the rest of us

svelte.dev

2 3

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 2d

Right now, no, we (and by we I mean @ell.iott.dev) are working on a brand new Svelte feature that will allow you to create a `fetcher` that basically behaves like a remote function, but you define the URL to fetch

1 1 7

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 2d

@kevinak.se has been killing it recently! Learn remote function from the man, the goat himself @dummdidumm.bsky.social !

Svelte Society @sveltesociety.dev · 2d

🎙️ Just published a new episode of Svelte Radio: Remote Functions with Simon Holthausen. Have a listen:

Remote Functions with Simon Holthausen

SummaryIn this episode, Simon Holthausen from the Svelte team joins to...

www.svelteradio.com

1 7

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 2d

a cartoon character is riding a helicopter carrying bags of money ..

ALT: a cartoon character is riding a helicopter carrying bags of money ..

media.tenor.com

1

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 2d

I think you need a vite plugin to manage them (it's probably already existing or pretty easy to write).

1 1

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 2d

I don't see why it shouldn't be possible... probably not super easy but definitely possible. Have you found some problems in svelte trying to implement it?

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 2d

1400 followers! Thanks, everybody, for willingly deciding to hear about Svelte 90% of my posts 😅

1 22

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 2d

That should be fine...it might also be a bug in SvelteKit...if you find a way to consistently reproduce, please open an issue 🙏🏻

1