Evan You ответил о движении Vue.js в сторону Solid.js

Vue core's reactivity API is stable and mature. It falls in the same paradigm with Solid because the they came from the same roots (tracing back to knockout).

Vapor Mode will make Vue's template compilation output / DOM rendering quite like Solid's, but that doesn't affect the higher level reactivity API or template syntax. You don't need to learn anything new to benefit from it. Ever since Vue 3, our goal has been opt-in adoption and smooth transitions.

Vue core's reactivity API стабилен и вполне развит. Он находится в одной парадигме с Solid, потому что у них одни и те же корни (восходящие к knockout).

Vapor Mode сделает вывод компиляции шаблонов Vue / рендеринг DOM похожим на Solid, но это не повлияет на Reactivity API более высокого уровня или синтаксис шаблонов. Вам не нужно будет изучать ничего нового, чтобы использовать его. Начиная с Vue 3, нашей целью было добровольное внедрение и плавный переход.

#evanyou #solidjs #vapor

Кроме Rolldown-a команда Vue на прошлой неделе выставила в open source еще один свой грандиозный проект - Vue Vapor, который уже можно попробовать в его песочнице.

Грандиозный потому, что это по сути переписывание бОльшей части фреймворка. При этом Vue API (код для Vue 3, который пишет разработчик) должен остаться тем же самым.

Современные фронтенд фреймворки бывают двух типов - runtime и compile time. Первые работают с Virtual DOM - это такая абстракция на JavaScript, с которой взаимодействует пользовательская программа вместо реального DOM вебстраницы и, грубо говоря, являющаяся его зеркальным отображением. Делается это потому, что работа с браузерным DOM (рендеринг) - очень затратная операция, и фреймворк через Virtual DOM призван её оптимизировать - например, несколько изменений в DOM собрать вместе и зарендерить как одно. Так работают Vue.js и React, они предоставляют в runtime браузера прослойку для пользовательского кода (типа виртуальной машины), который работает только с объектами Virtual DOM.

Compile time фреймворки вроде Solid.js или Svelte не создают этой прослойки, и компилируют пользовательский код в код, который работает с браузерным DOM напрямую. В результате бандл получается меньше, а программа - быстрее. Сложность тут в оптимизации подобной компиляции. Для простых вещей она подходит, но что-то более сложное - и сompile time фреймворки уже могут проигрывать в скорости, и однозначно проигрывают Vue 3 в DX.

Команда Vue хочет хотя бы частично попробовать внедрить compile time реактивность - можно будет указывать, какие пользовательские компоненты компилировать в конечный код (Vapor mode), а для каких использовать обычный Virtual DOM.

#vapor #solid #svelte #vuejs #react

Evan You на Vue.js Live конференции рассказал, что в его планах сделать Vapor mode режимом по умолчанию. Отказ от Virtual DOM при этом будет поэтапный, и на это должно уйти несколько лет. Основные трудности будет предоставлять перевод таких компонент, как Transition, KeepAlive и др.

Если это произойдет, Vue.js будет, наверное, единственным фронтенд фреймворком, позволяющим работать как с Virtual DOM, так и без него.

Ранее Эван также заявлял, что API фреймворка для разработчиков при этом не изменится.

#evanyou #vapor #event

Недавние тесты производительности Vapor

Чудес особых не будет - Vue и так быстр. Хотя на больших сложных компонентах преимущество может быть уже ощутимей.

Поэтому не пишите большие сложные компоненты. Разбиение помогает оптимизировать рендеринг.
Признак хорошего Vue.js кодинга №4.

#vapor #benchmark

Неплохая статья о Vapor

#article #vapor

Сегодня в 17:00 GMT+3 начинается двухдневная онлайн конференция VueJsNation

Выступит Evan You с новостями о Vue 3.6 и Vapor

#event #evanyou #vapor

Кевин Денг (создатель Vapor) получил ежемесячное спонсорство от VoidZero в размере $1024

Еще столько же дают совместно Эван и Vue.js, и еще около $1000 все остальные

Прошлой осенью Кевин жаловался, что ему не на что содержать семью, и поэтому он забросил Vapor

Как и ожидалось, Эван использует полученные VoidZero инвестиции для вознаграждения работающим во Vue и Vite экосистемах людям, но как-то уж очень экономно он это делает.

#vapor #voidzero

Вышла Vue v3.6.0-alpha в которой уже есть Vapor mode

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

Основная идея Vapor Mode - работать с DOM в браузере напрямую, а не через VDOM, что теоретически должно дать ускорение и меньший размер бандла. На большинстве Vue приложений ни то ни то, наверно, особо заметно не будет, даже с бенчмарками

Тем не менее, наш ответ Solid.js и Svelte.
С маркетинговой точки зрения абсолютно верный шаг.

#vapor #vue