|SvelteKit Reaches General Availability|
|Written by Kay Ewbank|
|Tuesday, 27 December 2022|
Svelte uses a compiler that lets developers create concise components that do minimal work in the browser. While Svelte can be used for similar purposes to other frameworks such as React and Vue, where those do most of their work in the browser, Svelte precompiles the code when the app is built. It also avoids using a virtual DOM by updating the DOM when the state of your app changes.
SvelteKit uses Vite with a Svelte plugin to provide a fast and feature-rich development experience with Hot Module Replacement (HMR), where changes to your code are reflected in the browser instantly. Vite is a frontend build tooling designed to improve the frontend development experience. It consists of a dev server that serves your source files over native ES modules, and a build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.
By switching to client-side navigation after the initial server-rendered page load, the developers say SvelteKit achieves faster page transitions, state that persists between pages (such as a sidebar’s scroll position), and less data usage. It also avoids re-running third party scripts like analytics on every single page load.
SvelteKit 1.0 is available now.
or email your comment to: email@example.com