Page History

...

React is gemaakt door Facebook en wordt gebruikt door Discord en en Instagram. In tegenstelling tot Vue.js is react React een library en is over het algemeen beter voor single page applicaties.

...

Resultaat

Figuur 1: Resultaat reactReact

jQuery

In tegenstelling to React kon ik over jQuery niet zoveel vinden. Er bestonden geen goeie duidelijke video's hoe ik een project moest opzetten met jQuery ook . Ook duurde het even tot ik het antwoord voor mijn oplossing had gevonden

...

Figuur 2: Resultaat jQuery

 Vue.js

Het duurde even tot ik de syntax van vue Vue.js begreep. Dit komt vooral omdat het niet op iets lijkt wat ik al eerder gebruikt heb. Het duurde daarom relatief gezien best lang om dit voor elkaar te krijgen maar omdat vue . Echter, omdat Vue.js een erg populaire framework is, kon ik genoeg hulp vinden op het internet.

...

Resultaat

figuur 3: resultaat vueVue.js

 Angular

Het duurde even tot ik de beginnende kneepjes van angular Angular in de hand had. Dit kwam wel vrij snel door de grote hoeveelheid documentatie die angular Angular bied. Voor bijna elk component dat angular Angular biedt zijn er 10 tal tientallen voorbeelden over hoe je het zou kunnen gebruiken. Hierdoor was het maken van het prototype zeer gemakkelijk en van zelf sprekend, enig vanzelfsprekend. Het enige wat iets lastig was, was het feit dat het maken van pagina's iets uitgebreider was dan met bijvoorbeeld vueVue.js.

import { Component, OnInit } from '@angular/core';
import {FormControl} from "@angular/forms";


@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent {
  tabs = ['First', 'Second', 'Third'];
  selected = new FormControl(0);

  addTab(selectAfterAdding: boolean) {
    this.tabs.push('New');

    if (selectAfterAdding) {
      this.selected.setValue(this.tabs.length - 1);
    }
  }

  removeTab(index: number) {
    this.tabs.splice(index, 1);
  }

}

...

...