...
Vue.js is een Java framework. Deze wordt onder andere gebruikt door Nintendo en Adobe. Vue.js is een soort uitbreiding op react
...
Het duurde even tot ik de beginnende kneepjes van Angular in de hand had. Dit kwam wel vrij snel door de grote hoeveelheid documentatie die Angular biedaanbied. Voor bijna elk component dat Angular biedt aanbiedt zijn er tientallen voorbeelden over hoe je het zou kunnen gebruiken. Hierdoor was het maken van het prototype zeer gemakkelijk en vanzelfsprekend. Het enige wat iets lastig was, was het feit dat het maken van pagina's iets uitgebreider was dan met bijvoorbeeld Vue.js.
...
| Code | Aspect | Cijfer | Toelichting | Bron |
|---|---|---|---|---|
| CR1 | Documentatie | 5 | De documentatie van de DOM is verouderd. | https://www.monocubed.com/blog/best-front-end-frameworks/ |
| CR2 | Ervaring | 3 | Niemand in de projectgroep heeft ervaring met jQuery. Er zijn wel een aantal groepsleden die een beetje kennis hebben van Javascript. | - |
| CR3 | Prestatie | 3 | Omdat jQuery relatief oud is is de performance nogal laag. | https://www.sam-solutions.com/blog/best-frontend-framework/#3 |
| CR4 | Prototype | 5 | In tegenstelling tot React kon ik niet zoveel vinden als jQuery en duurde het maken van een prototype dus ook een stuk langer. | - |
| CR5 | Onderhouden | 5 | De API van jQuery is nogal verouderd en jQuery wordt niet vaak geüpdatet. | https://www.sam-solutions.com/blog/best-frontend-framework/#3 https://www.monocubed.com/blog/best-front-end-frameworks/ |
Vue.js
| Code | Aspect | Cijfer | Toelichting | Bron |
|---|---|---|---|---|
| CR1 | Documentatie | 10 | Ik kon genoeg video's en hulp vinden voor het maken van het prototype. | https://www.sam-solutions.com/blog/best-frontend-framework/#3 |
| CR2 | Ervaring | 6 | We hebben een workshop gehad over Vue.js. Verder zijn er geen groepsleden met ervaring. | - |
| CR3 | Prestatie | 10 | Vue.js is erg snel omdat het een nieuwer framework is en de wrappers extreem snel zijn. | https://www.sam-solutions.com/blog/best-frontend-framework/#3 https://www.ionos.com/digitalguide/websites/web-development/what-is-a-wrapper/ |
| CR4 | Prototype | 5 | De syntax is erg nieuw maar er is genoeg documentatie. | - |
| CR5 | Onderhouden | 8 | Vue.js heeft tussen de 1 en 3 maanden een update en is 1 van de meest progressieve frameworks. | https://endoflife.date/vue |
...
| Framework | Punten |
|---|---|
| React | 79 |
| jQuery | 42 |
| Angular | 81 |
| Vue.js | 71 |
Je ziet al snel dat één framework al door de mand zakt. Dit is jQuery. Dit komt omdat jQuery relatief gezien erg oud is. In vergelijking met de andere frameworks kun je ook niet heel veel vinden. Vue.js heeft net iets minder punten dan Angular en React. Dit komt omdat de syntax op Vue.js niet lijkt op iets dat we eerder gebruikt hebben en het dus ook even gaat duren voor dat we hier bekend mee raken. Tussen React en Angular zitten maar 2 punten verschil. Het voordeel van React is dat het veruit het grootste framework is en je hier dus ook het meeste hulp bij kan vinden. Het voordeel van Angular is dat het meest lijkt op de technieken waar we bekend mee zijn en hier dus snel mee aan de gang kunnen. Ook hebben we hier een workshop over gehad en kunnen we bij eventuele vragen bij Meron Brouwers aankloppen. Een ander voordeel is dat Angular een integratie heeft voor Google Charts die als winnaar uit het Onderzoeksverslag Visuele Dataweergave. Daarom is Angular het antwoord op onze hoofdvraag: "Welk front-end framework past het best bij ons project?"
...