{#if x > 10}
 <p>{x} is greater than 10</p>
{:else if 5 > x}
 <p>{x} is less than 5</p>
{:else}
 <p>{x} is between 5 and 10</p>
{/if}

ну это да)

в скрипте выбрать компонент через свитч, а в шаблоне svelte:component

{#switch type }

     {:case "text"}
      <div>text</div>

    {:case "image"}
         <img src="/" />
    {: default}
        <p>default”</p>
{/switch}

типа такого бы :D

а вот, кстати, интересно, а можно ли как-то расширять хэлперы шаблона?

{#switch type }

     {:case "text"}
      <div>text</div>

    {:case "image"}
         <img src="/" />
    {: default}
        <p>default”</p>
{/switch}

если уж вводить подобное, то лучше паттерн матчинг чем свитч

кстати, еще вопрос)
а есть разница в плане производительности?

<button on:click={() => {}) />

<button on:click={handleClick} />

<button on:click={() => {}) />

<button on:click={handleClick} />

нет, в 1 случае у тебя выйдет button.addEventListener('click', () => {});
а во втором button.addEventListener('click', handleClick);

Прост например в реакте, в первом случае при каждом ререндере будет  создаваться новая функция
Вот и стало интересно

спасибо)

ну в реакт много что при каждом рендере создается, и фб на это четко отвечает что им плевать на производительность

а вообще почти любой вопрос подобного плана очень легко проверить в репле

а как оно отписывает анонимную функцию 🤔

хотя зачем
хм

листенеры сами отписываются, когда дом нода собирается сборкой мусора

Спасибо:)

Подскажите, пожалуйста, как при пропадении элемента убрать его класс?

class:active={peremennaya} не срабатывает в момент пропадения

Добрый день. в документации к sapper, в разделе Preloading говоится, что если preload возвращает Promise, навигация не произойдет пока не случится resolve. Хотелось бы сохранить такое поведение но при этом еще встроить доп. логику в preload (например вызывать this.error в случае плохого ответа. Будет ли работать такое? не шарю в асинхронщине...

<script context="module">
export function preload({params, query}){
    return this.fetch(...).then(res=>{
        if(res.status === 200){
            return {posts: res.json()};
        }
        this.error(404, 'Not found');
    });
}
</script>

А если в onDestroy сделать peremennaya = !peremennaya (или peremennaya = !!!peremennaya если это не логическое значение)?

Я пробовал через on:outrostart