Question 1

Wat is de useState hook in React?

Accepted Answer

useState is een React hook die lokale state beheert in een functioneel component. In tegenstelling tot gewone JavaScript-variabelen die bij elke render worden gereset, bewaart useState de state-waarde tussen opeenvolgende renders. Deze hook retourneert een array met de huidige state-waarde en een functie om deze te updaten, waardoor automatisch een nieuwe render van het component wordt getriggerd wanneer de state verandert.

Question 2

Wat is de juiste syntax om state te declareren met useState?

Accepted Answer

De juiste syntax gebruikt array destructuring om de state-waarde en de updatefunctie te extraheren. Volgens conventie wordt de updatefunctie voorafgegaan door 'set' gevolgd door de naam van de state-variabele in camelCase. Deze conventie verbetert de leesbaarheid van de code en is breed geadopteerd in de React-community. De volgorde van elementen in het array dat door useState wordt geretourneerd is altijd hetzelfde: huidige waarde eerst, updatefunctie tweede.

Question 3

Wat gebeurt er wanneer een state-updatefunctie wordt aangeroepen?

Accepted Answer

Wanneer een state-updatefunctie wordt aangeroepen, plant React een nieuwe render van het component met de nieuwe state-waarde. De update is niet onmiddellijk maar asynchroon, wat betekent dat de state-waarde niet direct na de aanroep wordt gewijzigd. React groepeert meerdere state-updates om de prestaties te optimaliseren en onnodige renders te vermijden. Deze batching-strategie verbetert de applicatieprestaties aanzienlijk.

React Hooks

Wat is de useState hook in React?

Antwoord

Wat is de juiste syntax om state te declareren met useState?

Antwoord

Wat gebeurt er wanneer een state-updatefunctie wordt aangeroepen?

Antwoord

Hoe update je state op basis van de vorige waarde?

Kunnen meerdere useState hooks in hetzelfde component worden gebruikt?

Andere React / Next.js-sollicitatieonderwerpen

JavaScript-basisbegrippen

React-basisbegrippen

Componentlevenscyclus

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