Svelte

Svelte is a JavaScript UI framework that compiles components into optimized JavaScript at build time rather than relying on a large browser-side runtime or virtual DOM. Since we last featured it in Trial, we've seen more teams use it successfully in production. SvelteKit has also made it a more robust choice for SSR and full-stack web applications, increasing our confidence in moving it to Adopt.

In our experience, the original reasons to choose Svelte still hold: it produces small bundles, delivers strong run-time performance and offers a simpler component model. Newer capabilities in Svelte 5, such as runes and snippets, make reactivity and UI composition more explicit and flexible. Compared with heavier front-end frameworks, Svelte provides a cleaner development experience with less code. Feedback from teams increasingly suggests it’s a credible alternative to React or Vue rather than a niche option. Teams should still consider ecosystem familiarity, hiring and platform fit, but we now recommend Svelte as a sensible default for building modern web applications where performance and delivery simplicity matter.

在 Web 组件框架中，Svelte 通过将反应性从浏览器中转移到编译器中而脱颖而出。Svelte 不是通过使用虚拟 DOM 和浏览器优化技巧来优化 DOM 更新，而是将你的代码编译成无框架的 JavaScript 代码，像做外科手术一样更新 DOM。除了运行时的性能优势之外，这也让 Svelte 在不牺牲开发者功能的情况下优化浏览器必须下载的代码量；此外，事实证明，由于在浏览器中执行的代码较少，它对移动网络应用的性能和电池需求更加友好。除了性能优势之外，我们团队还欣赏它友好的学习曲线和来自于编写更少代码 的维护优势。Svelte 本身只是组件框架，但 SvelteKit 增加了可以构建完整 Web 应用程序的功能。

我们不断看到新的前端 JavaScript 框架出现，其中 Svelte 作为一个前途无量的新组件框架脱颖而出。与其他使用虚拟 DOM 的框架不同，Svelte 将代码编译为单纯的无框架 JavaScript 代码，这些代码可以直接操作更新 DOM。不过，它只是一个组件框架；如果你打算构建功能丰富的应用程序，可以考虑将 Sapper 与 Svelte 一起进行评估。