Day 6 Async Svelte
We've been awaiting this moment! Just like Santa's elves finally delivering that long-promised gift, Svelte is ready to resolve a promise made on day one: async components are here.
Gone are the days of choosing between managing messy loading states inside components or drilling props through your tree like stringing lights on an endless garland. With Async Svelte, you can use the await keyword directly — in your script tags, inside $derived declarations, or right in your markup.
The magic? Everything stays coordinated. When state changes trigger async work, the UI won't update until all the promises have settled — no more janky, half-loaded experiences. It's like Santa's sleigh: all the reindeer move together, perfectly in sync!
Enable the experimental flag in your svelte.config.js and give it a whirl. Help the Svelte team iron out the last kinks before it becomes stable in Svelte 6!