первый скрин - второй кейс, второй скрин - первый

интересно, что метка осталась

А ещё говорят в моле слишком много долларов.

еще вложат доллары в мол, не волнуйтесь так, Дмитрий)

добавишь html- подобную верстку в мол?

Компонентной композиции html нужен как собаке пятая нога.

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

Когда интерфейс собираешь из компонент, все удобства html теряются.
Ну, вот найдите 10 отличий:

function MyApp(
    {
        leftColor = 'red',
        rightColor = 'blue',
        message = 'Hello World!',
    } : {
        leftColor : string,
        rightColor : string,
        message? : string,
    }
) {
    return (
        <View>
            <View style={{ backgroundColor: leftColor }} />
            <View style={{ backgroundColor: rightColor }} />
            <Text>{message}</Text>
        </View>
    )
}

function MyApp(
    {
        leftColor = 'red',
        rightColor = 'blue',
        message = 'Hello World!',
    } : {
        leftColor? : string,
        rightColor? : string,
        message? : string,
    }
) {
    return (
        View({
            kids: [
                View({ style: { backgroundColor: leftColor } }),
                View({ style: { backgroundColor: rightColor } }),
                Text({ kids: [ message ] }),
            ]
        })
    )
}

function MyApp(
    {
        leftColor = 'red',
        rightColor = 'blue',
        message = 'Hello World!',
    } : {
        leftColor : string,
        rightColor : string,
        message? : string,
    }
) {
    return (
        <View>
            <View style={{ backgroundColor: leftColor }} />
            <View style={{ backgroundColor: rightColor }} />
            <Text>{message}</Text>
        </View>
    )
}

function MyApp(
    {
        leftColor = 'red',
        rightColor = 'blue',
        message = 'Hello World!',
    } : {
        leftColor? : string,
        rightColor? : string,
        message? : string,
    }
) {
    return (
        View({
            kids: [
                View({ style: { backgroundColor: leftColor } }),
                View({ style: { backgroundColor: rightColor } }),
                Text({ kids: [ message ] }),
            ]
        })
    )
}

во втором случае - уволен, это нереально ни поддерживать, ни читать

еще и приттиер свое дело сделает

привет

Как я понял в документации Автоподписка черерез синтаксис $ сама потом отписывается ?

подскажите можно ли не колхозно реализовать:
есть цикл
{#each items as item}
       <div class={activeItem === item ? 'active' : ''}>{item.name}</div>
   {/each}

можно ли dom node активного элемента положить в переменную какую нить?

Ага, вместе с дестроем компонента

Лучше по данным вычислять это

Кстати, в случае выше - класс не будет scoped

в items завести у поля флаг?

Лучше писать class:active=

Можно и отдельной переменной, в ней id хранить или индекс

понял ,спасибо