Spread Operator, ¿qué es?

El spread operator que incorpora ECMAScript 6 en JavaScript es un operador que simplifica la recogida de valores en una estructura de datos. Su representa con tres puntos: ...

La definición que nos da MDN es: “Spread syntax allows an iterable such as an array expression or string to be…

La desestructuración es una característica muy conveniente al desarrollar con , es una expresión que nos permite desempaquetar valores de arrays u objetos en grupos de variables, permitiéndonos simplificar y crear código más legible.

Desestructuración de objetos

La sintaxis básica sería:

let { variable1, variable2 } = { variable1: ..., variable2: ... }

{#if …}

El HTML como tal no tiene una forma de expresar lógica, como podría ser los condicionales y bucles. Svelte lo hace.

Para renderizar condicionalmente algún marcado, lo envolvemos en un bloque if:

<script>
let user = { loggedIn: false };
function toggle() {
user.loggedIn = !user.loggedIn;
}
</script>
{#if user.loggedIn}…

Introduction

In this article we will see how to create an image gallery in Svelte (carousel gallery) in a very simple way, creating your own component and without the need for external plugins or libraries.

Let’s go! 💃🏻

Create a new Svelte project

To create a project in Svelte, let’s remember, with the following command:

npx…

Introducción

En este artículo veremos como crear una galería de imágenes en Svelte (carousel gallery) de una forma muy sencilla, creando tu propio componente y sin necesidad de plugins o librerías externas.

¡Así que vamos a empezar! 💃🏻

Crear un nuevo proyecto Svelte

Para crear un proyecto en Svelte, recordemos, con el siguiente comando:

npx degit…

Índice de contenidos

  • Introducción
  • ¿Qué es Netlify?
  • ¿Qué son los plugins de Netlify?
  • Mis plugins favoritos
  • Image Optim
  • Inline critical CSS
  • Minify HTML
  • Submit sitemap
  • Checklinks
  • ¿Dónde puedo cómo de optimizada está mi web?
  • PageSpeed Insights
  • Web.dev
  • Conclusiones

Introducción

¿Qué es Netlify?

es una plataforma que nace para automatizar proyectos webs estáticos. Aúna…

Alex Tomás

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store