Svelte, исчезающий фреймворк, который уже не исчезнет

Вообще, по ощущениями от Svelte у многих дико бомбит — мне кажется меньше, чем при появлении Vue например.

Вообще, по ощущениями от Svelte у многих дико бомбит — мне кажется меньше, чем при появлении Vue например

Где прочитать как это работает внутри?

Смущает этап компиляции, не сломает ли он мой код? Хочется знать как конкретно оно работает.

этом пункте вы полностью провалились.

— Мажорные версии Svelte несовместимы между собой, при этом заявляется, что фреймворк готов для использования в продакшене.

Эм, на то они и мажорные. По вашему, как завезли хуки в React или composition api в Vue3 — сразу вон с продакшена эти нестабильные фреймворки/библиотеки?

— Не в меру агрессивный пиар для столь непримечательного фреймворка — например посчитайте число статей на хабре по какому-нибудь Infernojs и по Svelte.

— Количество вакансий на Svelte околонулевое

Без учёта вакансий где исполнителю дают право выбирать фреймворк на его усмотрение — это ничего не значит. Моим клиентам, например, совершенно всё равно, хоть на BF — главное результат в рамках заданных временных и иных параметров.

— Агрессивное сообщество, считающее себя белым и пушистым

В любом большом сообществе есть агрессивные элементы, считающие себя белыми и пушистыми.

— Слабый результат в плане захвата рынка — VueJS достиг за 3 года большего чем Svelte за тот же промежуток времени.
— Фреймворк противопоставляется большой тройке, хотя ни по коммьюнити, ни по экосистеме не готов к этому.

Вспомните историю Линукса — ни рынка, ни большой коммьюнити, да и конкуренция ого-го — и так очень много лет. А потом как понеслось… Конечно, может не совсем корректно сравнивать операционку и фреймворк, но всё же — пока ещё рано подбивать итоги.

В общем, неубедительно — мы не знаем как будет через несколько лет, и есть как минимум несколько десятков тысяч человек (если судить по Github) вряд-ли с вами согласятся, а в то что большинство из них агрессивны — верится с трудом.

Куда тянуть логику UI? Банальный цикл/map по коллекции? Или в нём типищация не нужна?

Например почему SyntheticEvent будучи дженериком от EventTarget'а требует тайпгварда для event.target, чтоб воспользоваться методами, которые там гарантировано есть?

Потому что в таких случаях вам нужен не event.target, а event.currentTarget. event.target — это тот элемент, на котором возникло событие, и он может быть где-то в глубине DOM, если событие не было обработано на нём самом, а всплыло выше. А event.currentTarget — это тот самый элемент, на котором установлен обработчик.

У компиляции есть одно не очень приятное свойство — ты в итоге отлаживать будешь не то, что написал. Если в babel, ts это отличается от написанного, но не прям очень-очень, то в svelte на выходе получается сильно измененный код. И иногда это может стать болью. Хотя есть расширения для браузера, позволяющие отлаживать со Svelte-компонентами. И все комьюнити-дривен кстати))))

Удобство Vue в том что в каждый из этих этапов мы можем проникнуть и написать скомпилированный код (рендер-функцию) сами. В Svelte же мы ограничены исключительно декларативным подходом.

Удобство Vue в том что в каждый из этих этапов мы можем проникнуть и написать скомпилированный код (рендер-функцию) сами

В Svelte же мы ограничены исключительно декларативным подходом.

import {
    SvelteComponent, init, noop, not_equal,
    create_component, mount_component, destroy_component,
    insert, detach, element, text
} from 'svelte/internal';

class Component1 extends SvelteComponent {
    constructor(opts) {
        super();
        let div, prop;
        init(this, opts, ($$self, $$props, $$invalidate) => {
            $$self.$set = $$updatedProps => {
                ('prop' in $$updatedProps) && $$invalidate(0, $$updatedProps.prop);
            };
	    return [$$props.prop];
        }, ctx => ({
            c() {
                prop = ctx[0];
                div = element('div');
                div.textContent = `Hello ${prop}!`;
            },
            m(target, anchor) {
                insert(target, div, anchor);
            },
            p(ctx, [updates]) {
                if(updates & 1 && prop !== ctx[0]) {
                    prop = ctx[0];
                    div.textContent = `Hello ${prop}!`;
                }
            },
            i: noop,
            o: noop,
            d(detaching) {
                detaching && detach(div);
            }
        }), not_equal, {});
    }
}

class App extends SvelteComponent {
    constructor(opts) {
        super();
        const comp = new Component1({props: {
            prop: 'world'
        }});
        init(this, opts, null, ctx => ({
            c() {
                create_component(comp.$$.fragment);
            },
            m(target, anchor) {
                mount_component(comp, target, anchor);
            },
            p: noop,
            i: noop,
            o: noop,
            d(detaching) {
                destroy_component(comp, detaching);
            }
        }), not_equal, {});
    }
}

document.addEventListener('DOMContentLoaded', () => new App({
    target: document.body
}));

render(h) {
    return h('div', 'Hello world!');
}

Но пиарят его полные мудаки и невежды

React и Angular — реальные инновации, они полезны экономически.
Svelte, как и Vue — это просто развлечения их создателей, форма искусства, оторванная от практики.

А мужики-то не знали, оказывается, что vue оторван от практики.

Монструозный ангуляр и реакторская мешанина — вот она, ваша инновация.

React и Angular — реальные инновации, они полезны экономически

Конечно боятся. Вот сколько я ни пиарил $mol — не было ни одной негативной статьи (если не считать тот разгромный комментарий под последней статьёй, преисполненный боли и негодования от… неиспользования $mol). Всё потому, что можно без опаски просто игнорировать его существование и продолжать пилить подпорки к Реакту, тратя итерацию на то, что можно было бы сделать за день.

Но фронт, это какая-то чертовщина.

Пишу либы на ваниле плюс плагины, никуда ничего не улетает. Последнее время оцениваю фронтенд с точки зрения удобства интеграции с ванилой, у свелт с этим все нормально. С бэком конечно проще всего, согласен.