# What's new in Svelte: April 2024

DevFeed: [What's new in Svelte: April 2024](<https://devfeed.tech/articles/what-s-new-in-svelte-april-2024-3059.md>)

Original publisher: [Read original article](<https://svelte.dev/blog/whats-new-in-svelte-april-2024>)

Author: Dani Sandoval

Published: 2024-04-01T00:00:00Z

Content type: news

Language: en

Sources: [Svelte blog](<https://devfeed.tech/sources/svelte-blog.md>)

Topics: [Svelte](<https://devfeed.tech/topics/svelte.md>), [changelog](<https://devfeed.tech/topics/changelog.md>), [Server-side rendering](<https://devfeed.tech/topics/server-side-rendering.md>), [Document Object Model (DOM)](<https://devfeed.tech/topics/dom.md>), [Cloudflare Workers](<https://devfeed.tech/topics/cloudflare-workers.md>), [Vercel](<https://devfeed.tech/topics/vercel.md>)

Tags: [changelog](<https://devfeed.tech/tags/changelog.md>), [cloudflare-workers](<https://devfeed.tech/tags/cloudflare-workers.md>), [observability](<https://devfeed.tech/tags/observability.md>), [release](<https://devfeed.tech/tags/release.md>), [ssr](<https://devfeed.tech/tags/ssr.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [vercel](<https://devfeed.tech/tags/vercel.md>)

## AI overview

Svelte's April 2024 update highlights new Svelte 5 preview features and ongoing progress toward release. It also covers SvelteKit adapter changes for Vercel and Cloudflare, improved SSR validation, observability metadata, deployment synchronization, and Google Cloud support.

## Source excerpt

Spring is just around the corner (for half the globe at least), which means Svelte Summit Spring is coming soon! The event will be streamed on the Svelte Society YouTube channel on April 27. Also, this month, a ton of new features have been merged into Svelte 5 to make it the best version of Svelte yet. We'll get into them all below, so let's jump right in! What's new in Svelte Svelte 5 is in preview and gets closer to release every day. Below, you'll find some highlights from its changelog: The new Map, Date and Set classes can now be imported from svelte/reactivity and used just like their native counterparts to fit into Svelte's reactivity model (5.0.0-next.79, Docs, #10803, #10622, #10781) state/derived/props can be explicitly exported from components again (5.0.0-next.62, #10523) bind:value now allows for a dynamic type attribute - fixing issues with common input bindings (5.0.0-next.66, #10608) SSR HTML mismatch validation has been improved and provides clearer error messages (5.0.0-next.69, #10658) Breaking: Slots inside templates with a shadowrootmode attribute are now preserved (5.0.0-next.73, #10721) Breaking: The $props() no longer accepts a generic type argument. Instead, component authors should type their props like any other variable declaration (5.0.0-next.76, #10694) The new $bindable rune allows parents to :bind to a component's prop in addition to using them as regular props (Docs, #10851) The webkitdirectory DOM boolean attribute is now supported (5.0.0-next.81, #10847) Form resets are now taken into account for two way bindings (5.0.0-next.82, Docs, #10617) What's new in SvelteKit adapter-vercel now has Skew Protection which ensures that the client and server stay in sync for any particular deployment (@sveltejs/adapter-vercel@5.2.0, Docs, #11987) adapter-vercel's build output files now include framework metadata - improving observability on the platform (@sveltejs/adapter-vercel@5.2.0, #11800) adapter-cloudflare and adapter-cloudflare-workers n