Simon H
@dummdidumm.bsky.social
1.4K followers 110 following 270 posts
Working on Svelte at Vercel / Skateboarding for fun.
Posts Media Videos Starter Packs
dummdidumm.bsky.social
Depends on what you have in mind exactly - but yes, you can put it inside, and in fact it's the way to have things reactive across consumers. Context itself isn't reactive so you pass something that is itself reactive in

svelte.dev/playground/6...
context example with no context • Playground • Svelte
Web development for the rest of us
svelte.dev
dummdidumm.bsky.social
If you're creating an SPA and it's global state then not really
dummdidumm.bsky.social
Previously you would have to create this yourself using setContext and getContext, createContext abstracts it away. As such, createContext is the recommended way of sharing context going forward.
dummdidumm.bsky.social
We just landed an improved version of creating context in Svelte. Type-safe and no possibility of clashing keys.
Reposted by Simon H
dummdidumm.bsky.social
That's because it _can_ be any value really.

Bit more background on bind:group: svelte.dev/tutorial/sve...
Group inputs • Svelte Tutorial
svelte.dev
Reposted by Simon H
joyofcode.xyz
I made a SvelteKit remote functions tutorial!

Learn how to work with data in SvelteKit from fetching data to guarding routes and optimistic UI updates.

Follow along with me as we build Svelte Tricks — a CRUD app using Better Auth and Drizzle ORM.

youtu.be/Ldnmirx0QtI
Learn SvelteKit Remote Functions Tutorial
YouTube video by Joy of Code
youtu.be
dummdidumm.bsky.social
Yeah that would be good - because yes you totally should be able to have the same query in multiple places and it should deduplicate the loading etc (basically be one shared resource)
dummdidumm.bsky.social
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>
Reposted by Simon H
paolo.ricciuti.me
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
Reposted by Simon H
sveltesociety.dev
It's happening! Let us know if you're interested in sponsoring!
kevinak.se
As we're nearing the launch of the Svelte Society website (~2-3 weeks out) - I'm starting to look for sponsors. Does your company use Svelte? Do you want to show up as a sponsor on the website? Reach out!
dummdidumm.bsky.social
I had the pleasure of talking to @kevinak.se about the new Remote Functions feature in SvelteKit and async Svelte! If you want to know what we're up to lately, this episode is for you!
Reposted by Simon H
yuki-ishii.bsky.social
I love this remote function form fields update ❤️
Appreciate Svelte team!!

Doc: svelte.dev/docs/kit/rem...

#svelte #sveltekit
Reposted by Simon H
svelte.dev
lil' treat for all you weekend builders: Svelte now has an official MCP server, courtesy of resident bot wranglers @paolo.ricciuti.me and @khromov.se 🤖

it gives your LLM access to docs and compiler-driven diagnostics — give it a spin and let us know how you get on!

svelte.dev/docs/mcp/ove...
Overview • Docs • Svelte
Overview • Svelte documentation
svelte.dev
Reposted by Simon H
sveltesociety.dev
SvelteKit's remote functions now handle FormData out of the box!
github.com/sveltejs/kit...
Reposted by Simon H
fubits.dev
Ilja @fubits.dev · 13d
The Svelte train is approaching 300km/h.
khromov.se
👀 Something very exciting is coming soon if you're using AI with Svelte. Watch this space! #svelte #ai
Reposted by Simon H
benmccann.com
svelte.dev/packages is now live!

It's a convenient and easily discoverable place to find a sampling of high quality packages in the ecosystem. We hope it will give confidence in the Svelte ecosystem to newcomers and help them get started more easily.
Packages • Svelte
Packages for your Svelte and SvelteKit apps
svelte.dev
Reposted by Simon H
fubits.dev
Ilja @fubits.dev · 19d
shameless plug - but until @antleth.fr adds "what's new in Svelte this *week*" to svelte-changelog.dev 😬, I'm tracking all the hot new Svelte / SvelteKit stuff here on almost a daily basis: fubits.dev/notes/how-to...
How to Stay Up to Date in Svelte - Notes - @fubits
How to Stay Up to Date in Svelte - @fubits' Notes on Web Development, Design & Data Visualization
fubits.dev
dummdidumm.bsky.social
Glad to hear it's mostly smooth! Any noteworthy bumps or just the usual getting-used-to-it?
dummdidumm.bsky.social
Wow ... How did it go?
dummdidumm.bsky.social
My god what a packed release!
techniq.dev
📊 LayerChart: CSS-only, simplified integration, Html primitives, and more!

Massive `2.0.0-next.39` release brings:

🎨 CSS-only usage
↔️ Simplified integration (Skeleton, Svelte UX, daisyUI, …)
↪️ REPL compatibility
🏗️ HTML primitives
👆 Improved touch event handling
📦 …more!

details ↓