Curso de Svelte

Curso de Svelte

Oscar Barajas Tavares

Oscar Barajas Tavares

¿Qué es Svelte?

2/26
Recursos

Aportes 18

Preguntas 1

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Gente, aquí haré un comentario. 😉
No hay que guiarnos por estos puntos tan libremente y levantarlos como si fuera una bandera:

No más código innecesario
No Virtual DOM
Reactividad de verdad
No más código innecesario
Hay que dejar claro que el escribe código es un humano y, como humanos, cometemos errores y por tanto nuestros códigos tienen errores o áreas de oportunidad, sino para qué la reingeniería/ingeniería a la inversa.
Cuando Svelte menciona “Menos código” no significa ¡Yeah! es mejor. Sino lo dice claramente:
Hay personas que escribe así:

for (let i = 0; i <= 100; i += 1) if (i % 2 === 0) console.log(`${i} is even`);

Y hay personas que escriben así:

for (let i = 0; i <= 100; i += 1) {
  if (i % 2 === 0) {
    console.log(`${i} is even`);
  }
}

Ustedes dirán que se lee mejor para ustedes y la mayoría.
Pero es al punto, se enfoca en la legibilidad del código donde tienen el siguiente ejemplo:

No Virtual DOM

El virtual DOM no es sinónimo de malo, lo malo como lo dije es cuando se abusa de una herramienta y más cuando tenemos malas prácticas de programación.
Hay que saber que DOM es simplemente una estructura de Nodos de nuestro HTML, nació el Virtual DOM de manejar aplicaciones eficientes donde estamos entrando y saliendo de aquellas características o atributos de nuestros nodos en si.

Verdadera Reactividad

La reactividad va del lado de las operaciones que hacemos sobre el Virtual DOM, donde simplemente es una copia de nuestro DOM para realizar transacciones en un determinado estado al llamado Hooks. Pero el que realmente interviene en este escenario es el buen uso del Garbage Collection que se viene golpeado cuando no sabemos ocupar los hooks.

Svelte

Como lo dice en su documentación:
Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.
Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes.

Si ustedes esán maravillados por la herramienta, como yo 😍, analicen e investigen estas ventajas, creance un criterio, y lleven esta herramienta al siguiente nivel para crear una comunidad creyendo y convenciendo mediante una filosofía y no ciegamente.

  • No más código innecesario
  • No virtual DOM - Compila el proyecto
  • Reactividad de verdad

Svelte es reactividad de verdad

No manejar un virtual DOM, muy interesante

Emocionado por todo platzi

Ok una competencia para NG, RXS y Vue, vamos pues!!!

Hloy Shit! Esto estará buenísimo. Aún estoy terminanando la parte de Javascript de la ruta de Front End, una ves dicho esto
¿Svelte es un framework de Css? Debería llevar el curso de procesadores y frameworks antes?

Reactividad de verdad

Espero que este sea mi primer framework JS

Svelte 🧡🧡🧡

Después de haber terminado los cursos de vue, react y angular, escuchar a Oscar Barajas vender svelte de esa manera tan sencilla me dan ganas hasta de llorar de la emoción 🥺 ¿será que es tan bonito como se escucha?

Genial

Excelentes características.

estoy muy emocionado, me recomendaron esto antes de entrar a wordpress para facilitar mi curva de aprendizaje

COMENCEMOS

Hace mucho tiempo esperaba este curso. Intente con otros frameworks para temas de reactividad, pero que pereza estar instalando una cosa y otra. svelte es super sencillo eso lo hace más atractivo de usar.

Vengo de React con Nextjs hehehe. Pero Siempre quise aprender Svelte y nada mas que con el buen profesor de Oscar Barajas, que no os voy a mentir me evangelizo con su charla en YT 😂

👌