State of the Vuenion 2023 (часть 3) Читаю State of the Vuenio | Интерфейсизация | Vue, Nuxt, Frontend, IT

State of the Vuenion 2023 (часть 3)

Читаю State of the Vuenion 2023: A Recap of Evan You’s Address at Vue.js Amsterdam 2023. Это статья-конспект по одноименному докладу Evan You на Vuejs Amsterdam 2023. Это часть 3
Часть 1
Часть 2

Q2 - Второй квартал 2023
Квартал будет посвящен SSR
Финализируем Suspense
Подробнее о Suspense
Ленивая гидрация lazy hydration
Прорабатываются идеи запуск гидрации только при наведении мышью на компонент, или гидрировать только компоненты, которые видны в данный момент пользователю
Возможность отмечать биндинги в компонентах как v-ssr-only
Такие биндинги не будут участвовать в процессе гидрации на клиенте
Улученные сообщения об ошибках гидрации Better hydration warnings

Q3 & 4 - Vapor mode
На второе полугодие цель - Vapor mode. Вдохоновленный Solid.js Vapor mode призван ощутимо улучшить производительность. Это альтернативная стратегия для компиляции компонент, на выходе получается более производительный код, используется меньше памяти и требуется меньше кода во время выполнения по сравнению с текущей стратегией использующей Virtual DOM. Дополнительного кода не требуется, это просто дополнительный режим компиляции.

Включить режим можно на двух уровнях
Component level
MyComponent.vapor.vue

Application level
import { createApp } from “vue/vapor”

Работает на стации компиляции
Сперва будет поддержка только Composition API и script setup
Вместо Virtual DOM работает с browser DOM
Компоненты компилируются в вызовы функций, нет объекта Component
Предварительный тест js-framework-benchmark
Vanilla JS: 1.0 (baseline)
Vapor: 1.08
Vue 3: 1.25
Vue 2: 1.82
Многообещающе!

Ознакомится с таблицами результатов теста для разных фрейморков - тут. По ссылке надо будет выбрать для какой версии Chrome замеры. Тест создает таблицу на тысячи строк и измеряет время разных операций с таблицей. Добавление, удаление строк и несколько десятков других метрик.