Question 1

Wat is mounting in een React-component?

Accepted Answer

Mounting is de fase waarin een component wordt aangemaakt en voor het eerst in de DOM wordt ingevoegd. Tijdens deze fase initialiseert React de state, voert de constructiecode uit en doet de eerste render. Dit is het ideale moment voor het starten van API-aanroepen of het initialiseren van subscriptions via useEffect.

Question 2

Wat is unmounting in een React-component?

Accepted Answer

Unmounting is de fase waarin een component uit de DOM wordt verwijderd en vernietigd. Deze fase treedt op wanneer de component niet langer nodig is, bijvoorbeeld bij een routewijziging of renderingsconditie. Dit is het kritieke moment om resources op te schonen: timers annuleren, WebSocket-verbindingen sluiten en event listeners verwijderen om memory leaks te voorkomen.

Question 3

Wanneer wordt de functie die aan useEffect is doorgegeven standaard uitgevoerd?

Accepted Answer

Standaard wordt useEffect uitgevoerd na elke render van de component, inclusief de eerste render en alle volgende re-renders. Deze asynchrone uitvoering zorgt ervoor dat de gebruikersinterface niet wordt geblokkeerd. Om dit gedrag te beheersen, kan de dependencies array als tweede argument worden gebruikt om uitvoeringen te beperken tot wanneer bepaalde waarden veranderen.

Componentlevenscyclus

Wat is mounting in een React-component?

Antwoord

Wat is unmounting in een React-component?

Antwoord

Wanneer wordt de functie die aan useEffect is doorgegeven standaard uitgevoerd?

Antwoord

Waarvoor dient de dependency array in useEffect?

Wat betekent het doorgeven van een lege array [] als dependencies aan useEffect?

Andere React / Next.js-sollicitatieonderwerpen

JavaScript-basisbegrippen

React-basisbegrippen

React Hooks

React Router

Statusbeheer met Context

Formulieren & Controlled Components

Gegevens ophalen & API

React Query (TanStack Query)

Styling & CSS-in-JS

Next.js Fundamentals

TypeScript met React

Next.js Data Fetching

Next.js Server Actions

Routing & Navigatie in Next.js

Next.js API Routes

Next.js Metadata & SEO

Next.js Middleware & Auth

React Testen

Zustand State Management

React Performance-optimalisatie

Error Boundaries & Error Handling

Advanced React Patterns

Geavanceerde Next.js-functies

Next.js Deployment & Productie

Architecture & Design Patterns

React Server Components

Next.js Internationalisering

React Beveiliging & Best Practices

Beheers React / Next.js voor je volgende gesprek