Header Likes

like ? likeCount.update(n => n + 1) : likeCount.update(n => n - 1);

Svelte Devtools

https://chrome.google.com/webstore/detail/svelte-devtools/ckolcbmkjpjmangdbmnkpjigpkddpogn

Quisiera compartir esta forma de comparación con el operador ternarios es básicamente igual pero entiendo que es más simple.

{$likeCount ? $likeCount : ''}

• Primero verifico si la variable tiene valor simplemente escribiendo el nombre de la variable $likeCount (Si el valor es 0 === false) Para conocer más acceder a Falsy MDN
• Lo siguiente es el operador ? (Si lo que estaba delante de mi se cumplió ose $likeCount tiene valor entonces muestra la variable $likeCount)
• De lo contrario : ‘’ (Comillas vacías para no mostrar nada)

Eso es siempre y cuando no quiere realizar alguna comparación en específico como por ejemplo mostrarlo solamente cuando sean mayor a 5.

function handleLike() {
      like = !like;
      if(like){
        likeCount.update( n => n ++);
      }else{
        likeCount.update( n => n --);
      }
    }

Por qué no funcionó el ++ y el – ?

También puedes acceder a la variable del store con el prefijo $, veamos un ejemplo:

if (isLike) {
	$likeCount++;
} else {
	$likeCount--;
}

No sé que pasó🤔

Demonios! Antes de ver el “dbclick” pensé que iba a hacer una lógica de contador con el evento click. Buen Dato!

Muy buena clase. Ya se soluciono la duda que tenia con clases en Svelte, ahora me gustaria ver como se implementaria Redux