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.

Entre los frameworks de componentes web, Svelte se destaca al mover la reactividad fuera del navegador, hacia dentro del compilador. En lugar de optimizar las actualizaciones DOM usando un DOM virtual y trucos de optimización del navegador, Svelte compila tu código dentro de un código vainilla JavaScript framework-less que, quirúrgicamente, actualiza el DOM directamente. Esto, adicional a los beneficios de rendimiento en tiempo de funcionamiento, también permite a Svelte optimizar la cantidad de código que el navegador tiene que descargar sin tener que sacrificar herramientas para los desarrolladores; de hecho, está comprobado que es eficiente y compatible con ahorro de batería para aplicaciones web móviles debido a que menos código tiene que ejecutarse en el propio navegador. Dejando de lado los beneficios de eficiencia, nuestros equipos han apreciado la amistosa curva de aprendizaje y los beneficios de mantenimiento que vienen de escribir menos código. Svelte por sí mismo es solamente el framework de componente, pero SvelteKit añade herramientas para construir aplicaciones web completas.

Siguen apareciendo nuevos frameworks para el desarrollo de interfaz de usuario y Svelte se perfila como un prometedor nuevo framework basado en componentes. A diferencia de otros frameworks que aprovechan el DOM virtual, Svelte compila el código a JavaScript estándar que actualiza quirúrgicamente el DOM directamente. No obstante, Svelte es simplemente un framework basado en componentes; si el plan es construir una aplicación con muchas funcionalidades, considera utilizarlo en conjunto con Sapper.