Technologiekeuze
Het Vlaanderen Design System is technologieneutraal in opzet en biedt concrete framework-implementaties die breed gebruikt worden binnen Digitaal Vlaanderen en door vele andere overheden. Zo kunnen ontwikkelteams snel en consistent werken, ongeacht hun technologische keuzes.
Historiek
In de beginjaren (sinds 2015) bestond het Design System uitsluitend uit de Vanilla-bibliotheek (HTML, (S)CSS en ES6 JavaScript). Later kwamen daar Vue 2 en vervolgens Vue 3 bij, om nauwer aan te sluiten bij de frameworkvoorkeuren van Digitaal Vlaanderen en andere departementen en agentschappen.
Vandaag zet Digitaal Vlaanderen resoluut in op Web Components als duurzame, framework-onafhankelijke kern, gebaseerd op W3C-standaarden. Daarnaast wordt ook React Native ondersteund voor alle native mobiele apps (iOS en Android).
Onderstaande richtlijnen helpen je de juiste technologie te kiezen en je migratiepad te plannen.
Ondersteunde technologieën
Web Components
Status: Voorkeurskeuze - binnenkort beschikbaar!
Voor: Web-applicaties gebaseerd op W3C-API’s. Bruikbaar in alle moderne frameworks en zonder framework. Schaalbaar en duurzaam.
Gebruik wanneer: Nieuwe projecten; bij refactors; als je frameworkonafhankelijk wil blijven.
React Native
Status: 🟢 Actief
Voor: Native mobiele apps (iOS & Android).
Gebruik wanneer: Je app native device-mogelijkheden nodig heeft. Componenten volgen dezelfde DS-richtlijnen (tokens, theming)
Vanilla
Status: 🟠 Onderhoudend, uitgefaseerd op termijn t.v.v. Web Components
Gebruik wanneer: Bestaande implementaties; zeer eenvoudige sites zonder framework. Plan migratie naar Web Components.
Vue 3
Status: 🟠 Onderhoudend, uitgefaseerd op termijn t.v.v. Web Components
Gebruik wanneer: Bestaande Vue-apps. Start nieuw liever met Web Components (+ Vue wrapper indien nodig).
Vue 2
Status: 🔴 Geen nieuwe releases meer
Gebruik wanneer: Enkel voor onderhoud/bugfixes op bestaande apps. Plan migratie (→ Web Components of → Vue 3 → Web Components).