# Announcing Svelte 4

DevFeed: [Announcing Svelte 4](<https://devfeed.tech/articles/announcing-svelte-4-3038.md>)

Original publisher: [Read original article](<https://svelte.dev/blog/svelte-4>)

Author: The Svelte team

Published: 2023-06-22T00:00:00Z

Content type: release

Language: en

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

Topics: [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [eslint](<https://devfeed.tech/tags/eslint.md>), [ide](<https://devfeed.tech/tags/ide.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [node-js](<https://devfeed.tech/tags/node-js.md>), [release](<https://devfeed.tech/tags/release.md>), [supply-chain](<https://devfeed.tech/tags/supply-chain.md>), [svelte](<https://devfeed.tech/tags/svelte.md>)

## AI overview

Svelte 4 is a stable maintenance release that modernizes requirements and improves hydration performance, package size, dependencies, authoring, custom elements, and IDE support.

## Source excerpt

After months in the making, we're excited to announce the stable release of Svelte 4. Time flies - Svelte 3 was released more than four years ago! In JavaScript-framework-time, that's eons. Svelte's freshness has persisted throughout, but Node.js and browser APIs have evolved during that time and today we're updating Svelte to take advantage of some of these improvements. Svelte 4 is mainly a maintenance release, bumping minimum version requirements and tightening up the design in specific areas. It sets the stage for the next generation of Svelte to be released as Svelte 5 - we think you'll love it. If you haven't tried Svelte yet, take it for a spin in our interactive tutorial, on StackBlitz, or locally with npm create svelte@latest. Svelte lets you easily put together web UIs leveraging the power of HTML, CSS, JS, and the Svelte compiler. Watch Svelte Radio Live to learn more about this release. What's newPerformance This release results in smaller and faster hydration code. To see the impact, SvelteKit users can see their compiled output shrink in size by examining the .svelte-kit/output/client/_app/immutable/nodes folder. For example, on kit.svelte.dev the JS generated across the whole site was reduced in size by 12.7% (126.3 kB to 110.2 kB). Svelte 4 reduces the Svelte package size by nearly 75% (10.6 MB down to 2.8 MB), which means less waiting on npm install. This improvement will be especially noticeable for users who are loading our interactive learning experience for the first time, users of the Svelte REPL, and users with limited connectivity. The majority of the remaining package size is eslint support, which necessitates distributing a CJS build, and once the eslint rewrite is completed the Svelte package size can drop by over another 50%. The number of dependencies in Svelte has been greatly reduced from 61 down to 16. This means faster downloads for our users as well as less susceptibility to supply chain attacks. We also slightly reduced the number