# What's new in Svelte: July 2024

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

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

Author: Dani Sandoval

Published: 2024-07-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>), [releases](<https://devfeed.tech/topics/releases.md>), [Cloudflare](<https://devfeed.tech/topics/cloudflare.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [WordPress](<https://devfeed.tech/topics/wordpress.md>)

Tags: [cloudflare](<https://devfeed.tech/tags/cloudflare.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [new-features](<https://devfeed.tech/tags/new-features.md>), [release](<https://devfeed.tech/tags/release.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [updates](<https://devfeed.tech/tags/updates.md>), [wordpress](<https://devfeed.tech/tags/wordpress.md>)

## AI overview

This July 2024 update highlights new features in the Svelte 5 release candidate, including more concise prop declarations, improved event-handler ordering, updated component typing, new document bindings, simplified and faster element and CSS handling, and optional render, mount, and hydrate options. It also covers upgrades to SvelteKit's Node and Cloudflare adapters, followed by community projects and presentations.

## Source excerpt

This month, we got a bunch of new features in the Svelte 5 release candidate, Rich Harris explained to Prismic's CEO how Svelte optimizes for vibes and Geoff Rich shared even more about this philosophy at CascadiaJS 2024. Let's jump in! What's new in Svelte Below, you'll find the highlights from the Svelte 5 release notes (now in Release Candidate): You can now declare props in runes mode more succinctly using let props = $props() (5.0.0-next.167, #12201) The new on import from svelte/events allows you to preserve the order in which event handlers are called in more situations (5.0.0-next.152, Docs, #11912) The Component type now represents the new shape of Svelte components (5.0.0-next.143, #11775) <svelte:document> has new activeElement and pointerLockElement bindings (5.0.0-next.150, #11879) <svelte:element>, CSS custom property wrappers and string normalization have all been simplified and made more performant (5.0.0-next.152, #11773, #11948, #11954, #11792, #11949) render, mount and hydrate options are now actually optional if no properties are required (5.0.0-next.163, Docs, #12111) What's new in SvelteKit The node and Cloudflare adapters got a few upgrades this month: The BODY_SIZE_LIMIT environment variable adds unit suffixes support to the adapter-node - making it easier to write and comprehend large byte values (adapter-node@5.2.0, Docs, #11680) Node servers can now listen to the sveltekit:shutdown event (replacing the more abrupt exit) that is emitted after the HTTP server has closed all connections (adapter-node@5.1.0, Docs, #12153) The Cloudflare adapter will now only throw a _routes.json error when the file exists but there are no configured routes in svelte.config (adapter-cloudflare@4.5.0, #12360) Community ShowcaseApps & Sites built with Svelte Shootmail is an email template and content creation tool wplatest automates your WordPress plugin updates across multiple websites Svelte-MiniApps is a collection of bite-sized, user-friendly tools built with