Question 1

Welk primitief TypeScript-type vertegenwoordigt een tekstuele waarde?

Accepted Answer

Het string-type vertegenwoordigt alle tekstuele waarden in TypeScript, of ze nu worden afgebakend door enkele aanhalingstekens, dubbele aanhalingstekens of backticks voor template literals. Het is het geschikte type voor het opslaan van tekst, namen, berichten, URL's of elke tekstuele inhoud in applicaties.

Question 2

Wat is een generic in TypeScript?

Accepted Answer

Een generic maakt het mogelijk om herbruikbare componenten te maken die met meerdere typen werken in plaats van slechts één. Generics gebruiken type-parameters (zoals T) om elk type te vertegenwoordigen. Dit maakt het mogelijk om type-safe code te schrijven zonder flexibiliteit op te offeren, bijvoorbeeld een functie die arrays van elk type manipuleert terwijl de type-informatie behouden blijft.

Question 3

Wat is een component in Angular?

Accepted Answer

Een component is een fundamentele bouwsteen van een Angular-applicatie die een deel van de gebruikersinterface bestuurt. Het combineert een HTML-template, CSS-stijlen en een TypeScript-klasse met de @Component-decorator. Deze architectuur maakt het mogelijk herbruikbare en modulaire interfaces te creëren en bevordert scheiding van verantwoordelijkheden tussen weergave en bedrijfslogica.

Question 4

Wat is een lifecycle hook in Angular?

Accepted Answer

Een lifecycle hook is een speciale methode die automatisch door Angular wordt aangeroepen op belangrijke momenten in de levenscyclus van een component of directive. Deze hooks maken het mogelijk om code uit te voeren in specifieke fasen zoals creatie, updates of vernietiging. De meest voorkomende hooks zijn ngOnInit, ngOnChanges en ngOnDestroy.

Question 5

Wat is een FormControl in Angular?

Accepted Answer

FormControl is de fundamentele klasse van Angular reactive forms die een individueel formulierveld vertegenwoordigt. Het kapselt de waarde van het veld in, de validatiestatus, en biedt methodes om gebruikersinteracties af te handelen. Elke FormControl kan validators hebben, reageren op wijzigingen via observables, en statussen zoals touched, dirty of pristine bijhouden. Het is het basisbouwblok voor het bouwen van complexe reactive forms met FormGroup of FormArray.

Question 6

Welke Angular module moet je importeren om template-driven forms te gebruiken?

Accepted Answer

FormsModule is vereist om template-driven forms in Angular in te schakelen. Het biedt directives zoals NgModel, NgForm en maakt two-way data binding mogelijk met [(ngModel)]. Zonder deze module werken form directives niet en gooit Angular fouten.

Question 7

Wat is een Observable in RxJS?

Accepted Answer

Een Observable is een lazy collectie van meerdere waarden over tijd. Het vertegenwoordigt een datastream die nul, één of meerdere waarden synchroon of asynchroon kan emitten. In tegenstelling tot Promises die één enkele waarde emitten, kunnen Observables meerdere waarden emitten en ondersteunen ze cancellation via unsubscribe.

Question 8

Wat is NgRx Store in een Angular-applicatie?

Accepted Answer

NgRx Store is een implementatie van het Redux-patroon voor Angular, gebaseerd op RxJS. Het biedt een gecentraliseerde container om de globale applicatiestate op een voorspelbare en onveranderlijke manier te beheren. De Store stelt een Observable beschikbaar waarmee componenten zich kunnen abonneren op state-wijzigingen via selectors.

Question 9

Wat is de belangrijkste rol van createEntityAdapter in NgRx?

Accepted Answer

De Entity Adapter genereert automatisch reducers en selectors om genormaliseerde verzamelingen van entiteiten te beheren. Het biedt methoden zoals addOne, addMany, updateOne, removeOne die de manipulatie van op ID geïndexeerde objecten vergemakkelijken. Dit voorkomt het handmatig schrijven van logica voor verzamelingsbeheer en zorgt voor een genormaliseerde staat voor betere prestaties.

Question 10

Wat is het belangrijkste verschil tussen een smart component en een presentational component?

Accepted Answer

Smart components (of container components) beheren bedrijfslogica, API-aanroepen en applicatiestatus via services of state management. Presentational components richten zich uitsluitend op de weergave en ontvangen hun data via @Input, waarbij ze events uitsturen via @Output. Deze scheiding verbetert de testbaarheid en herbruikbaarheid van componenten.

Angular gespreksvragen

Klaar voor je Angular gesprek?

Ontdek alle Angular-onderwerpen

TypeScript-basis

TypeScript Gevorderd

Angular-grondbeginselen

Componenten en levenscyclus

Services & Dependency Injection

Angular-module-organisatie

Angular CLI

Directives en Pipes

Routing en Navigatie

Reactive Forms

Template-driven Forms

RxJS-Basis

RxJS-Operators

HttpClient en API-aanroepen

Basis state management

Change Detection

Angular Signals

Standalone Components

Angular unit testing

End-to-End Testing

Build en optimalisatie

NgRx-fundamenten

NgRx gevorderd

Angular-architectuur

Prestatie-optimalisatie

Beveiliging en best practices

Geavanceerde RxJS-patronen

Angular Universal en SSR

Angular Micro-frontends

Beheers Angular voor je volgende gesprek