Justify your tech stack

Wat is vite?

• Vue gebruikt vite.
• Vite wordt gebruikt om het proces sneller en gemakkelijker te laten verlopen.
• 'Vite acts as a super-fast server that lets you see changes immediately in the browser.'

Dinsdag 22 oktober

• Voorbereidingen voor de presentatie

• DX:

• Onderzoek jouw tech-stack op developer experience. Het beste is een klein project met de tech-stack proberen te realiseren, bijvoorbeeld een oude leertaak.

• Documenteer je bevindingen in de wiki! Bijvoorbeeld door genoemde punten te beschrijven: functies, betrouwbaarheid, gemak en helderheid.

• Minimale set up. Dit wil zeggen dat je gemakkelijk/snel een website kunt neerzetten.

• One of Vue’s most distinctive features is the unobtrusive reactivity system. Component state consists of reactive JavaScript objects. When you modify them, the view updates.

• Het reactive system: Dit houdt in dat je als je iet aanpast in de actieve Javascript dat de data automatsich wordt upgedate in de ui.

• Gefocused op snelheid

• Conclusie

• Voordelen:

• • Veel informatie te vinden -> omdat het een bekend snelgroeiend framework is.
• • Toegankelijke leercurve.
• • Componenten structuur.
• • Reactiviteitssysteem -> wijzigingen in data worden automatisch gesynchroniseerd met de UI.
• • Flexibel in gebruik -> Ontwikkelaars kunnen Vue gebruiken op de manier die het beste bij hun project past, zonder vast te zitten aan een rigide architectuur zoals bij sommige andere frameworks.
• • Soepele intergratie in andere projecten.
• • Gemakkelijker om vervolgens met Nuxt.js te werken -> Omdat Nuxt een framework bovenop Vue is.
• • Gebruik van Veux en Router
• • Klein/lichtgewicht -> Kleine bestandsgrootte, website laad snel.

• Nadelen:

• • Extra werk bij grotere projecten. -> cruciaal om gebruik te maken van Veux, omdat het complexer wordt om code te organiseren. -> Is moeilijk om te debuggen wanneer het niet goed wordt gestructureerd.
• • Tweeweg data verbinding kan verwarrend zijn.
• • Prestatie bij zeer grote aplicaties. -> Bij grote en zeer complexe applicaties kan de performance van Vue.js verslechteren als er veel reactieve datamodellen en componenten zijn.
• • Geen commeriele ondersteuning. (risico bij lange-termijnondersteuning)
• • De flexibiliteit kan verwarrend zijn en leiden tot inconsistente codebases binnen teams.
• • Nog niet zoveel gebruikt in grote bedrijven.
• • Snelgroeiende maar nog wat kleine gemeenschap.

Ten criteria for choosing the correct framework

1. Popularity and community size 11,761 developers gebruiken Vue. Dat is 18.82%. Bron: https://prismic.io/blog/vue-vs-react https://w3techs.com/technologies/details/js-vuejs

2. Philosophy Essentieel dat het framework voldoet aan je behoeften -> gemakkelijk/snel

3. Sustainability Onderhoud en upgraden van aplicatie. -> genoeg tools om te gebruiken of veux toepassen.

4. Support Van community en bedrijven. Vue heeft geen hele grote sponsor, je kunt ze wel sponsoren.

5. Technique Kleine componenten.

6. Security 'Vulnerability can only exist if the browser itself is vulnerable.' 'Whether using templates or render functions, content is automatically escaped.' Bron: https://vuejs.org/guide/best-practices/security

7. Documentation Veel documentatie/informatie te vinden. (tutorials, eigen site)

8. License ?

9. Availability of resources on the market Wordt gebruikt -> niet zoveel als React.

10. Try it out! In choices choices

UX

• Beschrijf de verschillende type personen in jouw doelgroep en bepaal wat de randvoorwaarden zijn die door bijvoorbeeld hun devices of tech-geletterdheid gesteld worden.
• • De doelgroep die de website van Quatar gebruiken zijn mensen die informatie willen over kunstwerken of snel verschillende kunstwerken willen zien. Dit kunnen jonge en oudere mensen zijn. Jonge mensen willen vaak graag snel door de website en oudere hebben misschien wat meer tijd nodig om de website te bekijken.
• Onderzoek jouw tech-stack op user experience. Bijvoorbeeld door het doen van een snelle WCAG audit met lighthouse of Axe of een device test met een van de devices uit het device lab (de plastic koffers). Houdt je eerdere ervaring bij FDND met betrekking tot UX in het achterhoofd.

CX

• Onderzoek jouw tech-stack op content management experience. De opleiding naast ons (Smart Media Production) gaat over content-beheer. Misschien kan je een van hun studenten interviewen over wat ze prettig vinden. Je kunt zelfs vragen of ze in een door jouw opgezet systeem content toe te voegen en of ze dat prettig vinden..
• Documenteer je bevindingen in de wiki!