Lightnews — Scholar-powered news

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

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 · 1h

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>

1

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 8m

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

Svelte Society @sveltesociety.dev · 2h

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

1

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

Maybe someone will to test out remote functions for good 👀

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

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

1

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

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 · 8h

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 · 8h

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 14

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

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 · 23h

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 · 1d

Yeah you need to have some sort of map

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

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 · 1d

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 · 1d

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

Svelte Society @sveltesociety.dev · 1d

🎙️ 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 · 1d

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 · 1d

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 · 1d

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 · 1d

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

1 22

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

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

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

That's interesting...if it happens during build, it's most likely the prerendering that is doing fetch requests to the SvelteKit app. The error happens when someone is trying to read the body of a request that has already been consumed. Do you have any prerendered routes?

1 1

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

github.com/StephenGunn/...

👀👀👀

GitHub - StephenGunn/svelte-component-to-image: Renders a standard Svelte component as a .png for easy dynamic image generation.

Renders a standard Svelte component as a .png for easy dynamic image generation. - StephenGunn/svelte-component-to-image

github.com

1 2

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

You should be able to: svelte.dev/docs/mcp/loc...

Unfortunately, there's a bug where remote MCP doesn't work in Codex at all, but you should be able to use the local setup (and that should be picked up by the Codex extension too.

Local setup • Docs • Svelte

Local setup • Svelte documentation

svelte.dev

2

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

Did you try with the new MCP server? It should autocorrect whenever the agent tries to go svelte 4!

1 1

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

Well there's not much docs to add...you can use await without a boundary, SSR will wait for that promise to resolve and SSR the output 😁

2

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

Async ssr it's already available 😎

1 2

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

We changed the API a bit but now is much much nicer 🧡

Try out sveltekit remote functions today 🤟🏻🤟🏻🤟🏻

Svelte Society @sveltesociety.dev · 4d

SvelteKit's remote functions now handle FormData out of the box!
github.com/sveltejs/kit...

1 23