State of the Vuenion 2023

Vervolgens kregen we een vooruitblik naar 2023 voorgeschoteld. De focus ligt duidelijk op stabiliteit. Het plan is om in de toekomst meer frequente maar kleinere updates door te voeren. De roadmap ziet er als volgt uit:

Q1: Quality-of-life en bugfixes

Eerst en vooral worden de zogenaamde "low hanging fruit" aangepakt. De meest voor de hand liggende problemen komen dus eerst aan de beurt. Het plan is om Reactivity Transform en Suspense los te koppelen van de Vue Core. Reactivity Transform was lange tijd een experimentele feature en was erg controversieel door meerdere problemen op vlak van DX. Het team heeft de beslissing gemaakt om officiële ondersteuning te laten vallen. De functionaliteit zal naar een aparte package verhuizen en in een komende release uit de core wegvallen. Er staan ook verbeteringen op vlak van externe type support in script setup op de planning. Een leuk extraatje is ondersteuning voor reactive prop destructuring, iets wat hoogstwaarschijnlijk zal waargemaakt worden in een toekomstige release.

Q2: SSR improvements

In het tweede kwartaal van 2023 zal het Vue team in samenwerking met het Nuxt team zich focussen op Server Side Rendering. Dit omvat ook het afwerken van Suspense, wat momenteel experimenteel is. Simpel gezegd is Suspense een manier om ingebouwd component die helpt bij het tonen van top-level loading en error state weer te geven. Zo kan je de state van alle asynchrone subcomponenten tegelijk afhandelen zonder het op individuele basis te moeten doen.

Daarnaast kunnen we ook lazy hydration verwachten. Zo kan je zelf definiëren hoe je de async componenten tree wilt hydrateren, zoals bijvoorbeeld bepaalde components pas te hydrateren als ze in beeld gescrolled worden.

Nog een nieuwe feature die het Vue team aan het bekijken is heet v-ssr-only. Dit zou ons toelaten om een template te definiëren als server-side only. Dit kan handig zijn als bij het bouwen van je applicatie bepaalde data die niet meer zal veranderen uit een database wilt ophalen.

Q3-4: Vapor Mode

Vapor mode is een gloednieuwe alternatieve compilatiemodus die de nadruk legt op performantie. Deze modus specialiseert zich in het compileren van Single File Components met script setup naar een performante JavaScript output. De inspiratie hiervoor komt van Solid, wat momenteel het meest performante framework is. Vapor Mode is opt-in op component niveau. Je kan dus kiezen welke componenten je zo laat compileren. Het doel is om deze componenten vrij te kunnen mengen in eender welke Vue 3 app die met de gebruikelijke manier werkt.