Familiarícese con el marco Svelte y aprenda a desarrollar aplicaciones web inteligentes con esta guía.
Svelte es uno de los mejores marcos de JavaScript que existen. En la Encuesta de desarrolladores de StackOverflow de 2022, surgió como el segundo marco de JavaScript más querido entre los desarrolladores web. En esta guía, aprenderá los conceptos básicos y cómo crear una aplicación sencilla de tareas pendientes con Svelte.
Primeros pasos con Svelte
Prepararás las cosas con el Herramienta de compilación virtual. Abra la terminal y ejecute los siguientes comandos en secuencia. Nombre el proyecto "aplicación esbelta" (o su elección), seleccione Svelte como el marco y configure JavaScript como la variante.
hilo crear vite
cd aplicación esbelta
hilo
desarrollador de hiloAbra el proyecto en un editor de código, elimine el liberación carpeta y borre el contenido de la aplicación.css archivo y el App.esbelta archivo.
Cómo se compara Svelte con React
El DOM es una estructura en forma de árbol generado a partir del HTML de un sitio, que muestra las relaciones entre los diferentes elementos que componen la página.
A diferencia de React, que usa un DOM virtual, Svelte es un compilador que comprende, en el momento de la compilación, cómo podrían cambiar las cosas en su aplicación. Debido a que Svelte funciona en el momento de la compilación, da como resultado un JavaScript Vanilla optimizado y de alto rendimiento.
Reactividad y Animación en Svelte
La estructura de la mayoría de las aplicaciones de Svelte se ilustra a continuación. Puede optar por no incluir el estilo etiquetas dejando solo las guion y marcado: