• Verander de nesting van je componenten.
  • De header zat in een component met daarin de sidebar.
• Maak de logo's klikbaar van de museums.
• Schrijf je reflectie af.

Zoals je hieronder ziet is de nesting van de component "sideBar.vue" in "TheData.vue" gedaan zonder enige doeleinde.

In App.vue zit <TheData>

In <TheData> zit <sidebar>

Zoals hieronder te zien is heb ik nu beide componenten in App.vue gedaan zoals hoort.

De logo's van hieronder waren nog niet klikbaar maar dat probleem is nu verholpen.

Hieronder is een filter en sorteer functie te zien. Deze functies heb ik toegevoegd voor de herkansing omdat ik nu zeker weten hoger ga scoren. De eerste versie van het filteren ben ik erg trots op alleen wat mijn niet had bedacht is dat ik nog niet kan filteren op alle landen en om dit dynamisch te maken zou ik dit niet custom moeten doen.

Om het dynamisch te maken heb ik het anders opgelost (zie je gifje hieronder).

Met Vue kun je componenten inladen zonder de pagina hoeven te verversen. Componenten kun je zien als groepen HTML. Met Vue.js maak je je website sneller en zorg je voor verborgen content die ingeladen kan worden zonder een internet verbinding. Vue is een framework die HTML, CSS en JavaScript heeft samengevoegd en als deelblokken inlaad op je pagina.

Over het algemeen is Vue een erg krachtig en simpel framework als JavaScript goed onder de knie hebt. Voor mij is Vue op dit moment te hoog gegrepen. Deze twee weken hebben mij wel laten zien waar ik nog heen wil op het vlak van coderen. Vue is naar mijn mening wel duidelijk en heeft een vrij grote community waardoor je wel veel online kan vinden. Dit maakte het wel makkelijk om een antwoord te vinden maar ook tegelijkertijd moeilijk om het juiste antwoord te vinden.

Als ik deze vanaf het begin goed had doorgenomen en de voorbeelden had gevolgd, zou ik een beter begrip hebben op Vue. Nu heb ik het gevoel dat de basics nog niet volledig begrijp en dan heb ik het over:

• Hoe routing werkt
• Hoe verschillende states werken en hoe je deze schrijft
• Hoe je data manipuleert
• Hoe componenten precies samenwerken

• Grote community
• Makkelijk te begrijpen (leesbaar) zonder veel JavaScript ervaring t.o.v. andere frameworks
• Alles op een pagina (Structuur, styling en script)
• Goede documentatie
• Laat goed zien waar, waarom en wat je precies fout doet op welke regel

• Vue is een framework gebouwd door een voormalige Google medewerker. Dit is een nadeel omdat het omdat de toekomst van het framework in de handen ligt van een iemand. Het heeft geen back-up als die gene er niet meer is.
• Als je echt vast komt te zitten duurt het lang voordat je vraag beantwoord wordt omdat de community niet zo groot is als React of Angular.
• Het is een framework die iets populairder ligt bij de Chinesen t.o.v. React of Angular. Er zijn dan ook aanzienlijk minder Vue-developers in Nederland dan React of Angular.

Vue is ten opzichte van de andere Frameworks waar andere groepen mee hebben gewerkt erg duidelijk en de juiste framework geweest voor zo'n kleine applicatie. Met Vue moet je namelijk veel externe packages inladen via npm die veel frameworks er juist al in hebben verwerkt. Vue geeft je dus niet overbodige packages mee wat vele andere frameworks wel doen. Hierin ben je vrij in wat je wilt toepassen en wat niet.

Puntje bij paaltje moet je het framework gebruiken die jouw het beste ligt. Gebruik het framework die het beste past bij het project en waar jij het fijnst in werkt. Uiteindelijk gaat over een persoonlijke voorkeur en de developers zijn keuze in welk framework hij gaat werken. Wel had ik verwacht dat ik er meer uit kon halen maar heb ik wel een klein beetje kunnen proeven hoe het in elkaar steekt. Erg leerzame twee weken!

Nu ik meer tijd heb gehad voor deze herkansing heb ik functionaliteiten erin kunnen voegen die ik had willen toevoegen tijdens de eerste beoordeling. Hierdoor heb ik een beter idee wat ik met vue.js kan en waarom het handig is om in een framework te werken. Het was namelijk niet veel moeite om met vue erachter te komen hoe filteren werkt als je alles rustig door leest en de code begrijpt die er staat. Door dit zo te doen heb ik het wel voor elkaar kunnen krijgen omdat ik nu ook minder tijdsdruk voel en omdat ik meer geduld heb om een functionaliteit erin te verwerken.