Svelte, 누에보 치코 엔 라 오브치나

¿Que es Svelte?

Svelte es un framework para JavaScript, 유사한 otros frameworks como pueden ser Vue, React o Angular. Sin embargo, a diferencia de estos frameworks Populares que necesitan incluir su propia lógica con tu aplicación, en Svelte no se incluye nada (o casi nada) adicional, dejando el código final producido de tu aplicación

장점:

Más rápido que otros 프레임워크

Simplicidad de codigo

Curva de aprendizaje muy baja

리액티비다드

Menor tamaño de la app Generada

Hola Mundo con Svelte 🌍

SFC(단일 파일 구성 요소), 중요한 의미 HTML, JS y CSS 사용 기본 원칙은 미스모 아카이브입니다. Esto lo ha Popularizado mucho Vue y, en Svelte, podemos ver que es incluso un poco más sencillo.

Así pues... ¿cómo escribiríamos un Hola Mundo con este framework? ¡시설!

<script>
    let name = 'World';
</script>

<h1>Hello {name}!</h1>

Con este ejemplo tan básico ya se pueden ver las primeras diferencias sil lo comparamos, por ejemplo, con React. 피야테.

import React from 'react';

export default () => {
    let name = 'World';
    return <h1>Hello {name}!</h1>;
};

디퍼렌시아스:

가늘고 긴 도서관이 없습니다. Al ser compilado, Svelte lo hará por nosotros.

더 많은 것을 요구할 수 있는 요구 사항을 충족해야 합니다.

개념 분리. El marcado y el comportamiento e inicialización de datos están separados.

Queda más limpio con Svelte, ¿verdad?

¿Quieres añadirle estilos? 🎨

뮤 시설. 레쿠에르다 퀘 에스 SFC. Entonces le añades los estilos que necesites:

<style>
    h1 {
        color: #ff0;
        text-transform: uppercase;
    }
</style>

Por lo que el ejemplo completo sería:

<script>
    let name = 'World';
</script>

<h1>Hello {name}!</h1>

<style>
    h1 {
        color: #ff0;
        text-transform: uppercase;
    }
</style>

결론

Este artículo es solo la punta del iceberg de lo que es capaz de hacer Svelte. Te recomiendo que visites la web oficial porque, sin duda, dará más de que hablar.

Por cierto, ésta web se ha hecho con Svelte 🤪. 마크다운 문서 작성, 문서 작성, 블로그 작성.