Insights
🛠 Frontend development
Dag 1 van de jaarlijkse Vue Amsterdam conference.
10 jaar Vue: Een retrospective
:quality(100)){kind=small}
Vue bestaat al sinds februari 2014 en is nu dus al 10 jaar oud. De eerste publieke aankondiging van Vue was in februari 2014. Versie 1.0 werd uitgebracht in oktober 2015, versie 2.0 in oktober 2016, en de ontwikkeling van 3.0 startte in september 2018. Vue 2.0 is sinds 31/12/2023 niet meer in gebruik. Intussen heeft het framework al meer dan 9000 commits, 490 releases, 2 miljoen gebruikers, 250k GitHub sterren, 4.6 miljoen wekelijkse npm downloads en meer dan 1 miljard CDN-aanvragen op JSDelivr. Behoorlijk impressionante statistieken.
Vue bracht ook heel wat innovatie met zich mee zo was het het eerste framework dat diepgaande tracking-gebaseerde reactiviteit implementeerde en de eerste die Single File Components (SFC) combineerde met bouwtools. De Composition API op zijn beurt was dan weer de eerste die signal-achtige reactiviteit combineerde met moderne componentmodellen. Vue ondersteunt zowel sjabloon- als virtual DOM-rendering en was ook een van de eerste progressieve frameworks dat laagsgewijze systeemopbouw mogelijk maakte.
Er zijn momenten geweest in de ontwikkeling waarin het project zelfs dreigde stil te vallen en niet langer geüpdatet te worden. Dit kwam door verschillende zaken. Zo zag Evan You in het begin soms het bos door de bomen niet meer vanwege teveel bugs, dat in combinatie met zijn perfectionisme voor problemen zorgde. Ook kon hij moeilijk omgaan met online haters, maar desondanks bleef Evan You doorzetten. Mede door de community zorgde hij ervoor dat er toch doorgewerkt werd.
Nog een geweldig voordeel aan Vue is dat het momenteel het enige mainstream framework is dat onafhankelijk van een bedrijf kan functioneren. Dit stelt ze in staat om zich te focussen op het framework zelf, zonder na te denken over winstoptimalisaties voor bedrijven of investeerders.
:quality(90))
🎙
9000 commits, 490 releases, 2 miljoen gebruikers, 250k GitHub sterren, 4.6 miljoen wekelijkse npm downloads en meer dan 1 miljard CDN-aanvragen op JSDelivr.
Naast Vue werd ook Vite gecreeërd. Dit werd oorspronkelijk gebouwd voor Vue, maar is uiteindelijk framework-agnostisch geworden. Astro, Vue SFC, MDX, … worden allemaal ondersteund. Dit zorgde ervoor dat de algemene DX (Developer Experience) een pak verbeterde door veel snellere HMR en over het algemeen vlotter draaiende projecten. Vite wordt intussen met Vue 3 ook als de standaard build tool aanzien.
Het gebruik van Vue 3 is het afgelopen jaar met 73% gestegen en vormt nu meer dan de helft van alle Vue-installaties. In december 2023 werd versie 3.4 uitgebracht met een dubbel zo snelle parser, een efficiënter reactiviteitssysteem, een stabiele defineModel en v-bind same-name shorthand. In de toekomst zullen er nog meer verbeteringen in reactiviteit komen. -56% geheugengebruik en 10x verbetering met grote reactieve arrays zijn enkele van de zaken die klaar staan. Er komen ook verbeteringen in Server Side Rendering (SSR): Lazy Hydration, Stabilize Suspense en useId.
Vapor mode kan nu TodoMVC draaien (testen in de playground is mogelijk). Hier worden momenteel nog de algemene prestaties en codegen-strategieën van geoptimaliseerd. Hierna komen de componenten aan de beurt. Vite zal verder worden verbeterd door te investeren in low-level toolchains (Rolldown, 0xc). En tot slot wordt ook aan Volar verder gewerkt. Zo zijn er ook voortdurende verbeteringen in Volar v2 (zo zal het geheugengebruik gedeeld door 2 worden bijv.).
Kortom, het hele Vue ecosysteem staat niet stil. En de toekomst ziet er zowel voor Vue als voor Vite, Volar, etc. rooskleurig uit. Er is dus nog veel gaande en Vue is nog lang niet klaar. Zelfs na 10 jaar blijven ze verbeteren en innoveren.
Delen:
Insights
Meer inzichten
:quality(90))
📱 PWA,🛠 Frontend development
PWA. Nu meer dan ooit.
De kloof tussen native en web wordt steeds kleiner. Dat bewijst ook de komst van Push Notifications voor web apps op het Home Screen (PWA’s) in iOS 16.4. Deze functionaliteit was al langer beschikbaar op Android, maar nu kunnen ontwikkelaars dit eindelijk voor beide platforms implementeren. Android en iOS samen hebben een marktaandeel van maar liefst 99% van alle mobiele gebruikers.
:quality(90))
💫 Motion,🛠 Frontend development
Motion Library
Om een aantrekkelijke en moderne UI te bekomen, is het animeren van een website van groot belang. Daarom hebben we bij Appeel gewerkt aan een animatie project “Motion library”. In dit project worden verschillende componenten van een website geanimeerd en de code ervan getoond om zo als inspiratiebron te dienen voor alle collega’s van Appeel.
:quality(90))
🛠 Frontend development
Alive & Kicking
Als grootste engelstalige Vue conferentie trekt VueJS Amsterdam developers uit elke hoek van de wereld aan. De meeste bezoekers hadden er aan het begin van de conferentie dus net een lange reis op zitten. Hierdoor kreeg de eerste spreker de grote verantwoordelijkheid om niet alleen een sterke eerste indruk achter te laten, maar ook om het publiek wakker te schudden. “Challenge accepted” dacht spreker Tim Benniks ongetwijfeld. Hij haalde namelijk alles uit de kast om de jetlag en vermoeidheid van elke aanwezige weg te blazen met zijn talk “Alive and Kicking”. Je kent de term Rockstar Developer wel, zo kan je Tim best omschrijven.