Svelte es un compilador frontal gratuito y de código abierto [4] creado por Rich Harris y mantenido por los miembros del equipo central de Svelte. [5] Las aplicaciones de Svelte no incluyen referencias de marcos. En cambio, la construcción de una aplicación Svelte genera código para manipular el DOM , lo que puede reducir el tamaño de los archivos transferidos, así como brindar un mejor rendimiento de inicio y tiempo de ejecución del cliente. Svelte tiene su propio compilador para convertir el código de la aplicación en JavaScript del lado del cliente en el momento de la compilación . Está escrito en TypeScript . [6] [7] El código fuente de Svelte se licencia bajoLicencia MIT y alojado en GitHub . [8]
Autor (es) original (es) | Rich Harris |
---|---|
Versión inicial | 26 de noviembre de 2016 [1] |
Lanzamiento estable | 3.38.2 [2] / 3 de mayo de 2021 |
Repositorio | Repositorio Svelte |
Escrito en | Mecanografiado |
Plataforma | Plataforma web |
Tamaño | 4,1 KB [3] |
Tipo | Marco web |
Licencia | Licencia MIT |
Sitio web | esbelta |
Historia
El predecesor de Svelte es Ractive.js, que Rich Harris había desarrollado anteriormente. [9]
La versión 1 de Svelte se escribió en JavaScript y se lanzó el 29 de noviembre de 2016.
La versión 2 de Svelte se lanzó el 19 de abril de 2018.
La versión 3 de Svelte está escrita en TypeScript y se lanzó el 21 de abril de 2019.
Ejemplo
Las aplicaciones y componentes esbeltos se definen en .svelte
archivos, que son archivos HTML extendidos con una sintaxis de plantillas similar a JSX . Svelte reutiliza la sintaxis de etiquetas de JavaScript $:
para marcar declaraciones reactivas . Las variables de nivel superior se convierten en el estado del componente y las variables exportadas se convierten en las propiedades que recibe el componente.
< script > dejar contar = 1 ; $ : duplicado = contar * 2 ; script >< p > {cuenta} * 2 = {duplicado} p >< botón encendido: haga clic en = {() = > contar = contar + 1}> contar botón >
Influencia
Vue.js modeló su API y componentes de un solo archivo después de Ractive.js, el predecesor de Svelte. [9]
Ver también
Referencias
- ^ "Marcos sin el marco: ¿por qué no pensamos en esto antes?" . Esbelto .
- ^ "Versión 3.38.2" . 3 de mayo de 2021 . Consultado el 22 de mayo de 2021 .
- ^ "[email protected]" . BundlePhobia . 8 de enero de 2021.
- ^ "React vs Svelte, el marco de tiempo de compilación de JavaScript" . react-etc.net .
- ^ "El marco de interfaz de usuario de Svelte 3 mueve la reactividad en el lenguaje JavaScript, preguntas y respuestas con Rich Harris" . InfoQ .
- ^ "Los 8 marcos de JavaScript más interesantes para aprender en 2019: unidad de desarrollo" . www.developerdrive.com .
- ^ Krill, Paul (2 de diciembre de 2016). "El marco Svelte delgado y rápido pone a JavaScript a dieta" . InfoWorld .
- ^ "GitHub - sveltejs / svelte: aplicaciones web mejoradas cibernéticamente" . 11 de enero de 2020 - a través de GitHub.
- ^ a b "Acerca del marco de JavaScript Svelte" . ValueLogic | Blog . 2020-11-19 . Consultado el 10 de junio de 2021 .
Por cierto, la sintaxis de Vue ha sido influenciada por Ractive.js, un predecesor directo de Svelte.
enlaces externos
- Esbelto
- GitHub - sveltejs / svelte
- Tutoriales esbeltos en MDN
- Documentación de referencia esbelta