Qué es Svelte y cómo se construyó

QUE ES SVELTE Y COMO SE CONSTRUYÓ

Rich Harris creó SVELTE

• La principal característica es que no crea intermediarios entre el código que se escribe en SVELTE y el DOM.
• A diferencia de React, SVELTE no usa el VirtualDOM.
• SVELTE es Espectacular para desarrollar sitios WEB
• SVELTE No es tan fuerte en Aplicaciones WEB
  ARQUITECTURA DE SVELTE:
• No hay un recurso oficial que nos explique como funciona SVELTE por dentro.
• Dustin Deus: escribió un issue acerca de la Documentación:
• Resumen del Resumen del Resumen :0
  1.- SVELTE es un Compilador, por tanto, necesita generar un AST(Abstract Syntax Tree), adjunto clase del curso profesional de JavaScript Acerca de ello: Clase
  2.- Para esto necesita 3 Parsers: HTML, CSS, y JavaScript
  COMBINA ESTOS 3 ARBOLES.
  3.- Envuelve como un envoltura de chocolate 😄, todos los componentes en FRAGMENTS, Una interfaz API del Navegador.
  4.- Esa interfaz sirve para ENCAPSULAR: Nodos, y pedazos del DOM, esto no afecta la interfaz de la Página.
  5.- Los FRAGMENTS es como un nodo imaginario(No es visible para los usuarios), pero si tiene todos las características de un nodo.(Crear, Actualizar, Borrar)

https://platzi.com/clases/svelte/

15.-¿Qué es Svelte y cómo se construyó?

Su principal característica es que no crea intermediarios entre el código escrito en Svelte y el DOM.

Usa el tiempo de compilación en la etapa de desarrollo mientras nosotros estamos desarrollando para que el código compilado sea el código ideal que necesita el DOM para renderizarse y actualizarse.

No usa el Virtual DOM

Svelte es muy bueno para hacer sitios web donde lo importante es el contenido que vamos a mostrar.

No es muy bueno en aplicaciones web donde lo más importante es la interacción intensiva con los usuarios.

Arquitectura Svelte

Es un compilador, y como cualquier compilador necesita generar un AST(una representación de todo el código de nuestros componentes) en forma de árbol; Para está compilación necesita tres parse, uno para el HTML, otro para JS y el otro para CSS, combina estos 3 árboles y obtiene toda la información que necesita de nuestros componentes.

Envuelve todo el código de cada componente en fragments, una interfaz de API del navegador que nos sirve para encapsular nodos y pedazos del DOM, sin afectar la interfaz de la página. Los fragments no se transforman en algo que los usuarios puedan ver, o en algo que afecte el contenido o estilos de nuestra página. Es como un nodo imaginario.

Esto esta chido, por fin una clase a punta de memes

Svelte se ve super interesante 🌟.
Hay tanto que aprender y por descubrir 😭. Pero me encanta ❤️

Y bueno para aplicaciones web tenemos a saper …

TheGuardian creo Reactive JS una libreria para desarrollar interfaces con componentes, una persona que trabajaba en este proyecto creo Svelte ya que se le hace que todos los demas son muy complicados y Svelte fuera sencillo. Svelte es espectacular para sitios web pero malo para aplicaciones web, ese no fue su objetivo. Svelt y su desarrollo no cuenta con tantas actualizaciones ya que no cuenta con una empresa.

No hay un recurso oficial que nos explique como funciona SVELTE por dentro. Dustin Deus escribio un issue acerca de la documentacion de Svelte.

Svelte es un compilador que necesita generar un AST. Para esta compilacion necesita 3 parsers, uno para HTML, CSS Y JS. En el momento de renderizado SVELTE envuelve todo el codigo en Fragment que no afecta a la interfaz de la pagina. No se transforman en algo que los usuarios puedan ver, es como un nodo imaginario que no se puede ver pero tiene todas las caracteristicas de un nodo.

nahhhh!!!