TypeScript met React
Types voor props, state, events, generics, FC-type, children-type, hooks-typing
1Wat is de juiste syntaxis voor het typen van React-component props?
Wat is de juiste syntaxis voor het typen van React-component props?
Antwoord
De Props-interface gevolgd door het typen van de functie met Props als parameter is de aanbevolen standaardsyntaxis. Deze aanpak biedt uitstekende type-inferentie en maakt hergebruik van het Props-type elders in de code eenvoudig. Het is explicieter dan React.FC en biedt betere controle over het typen van children.
2Hoe typ je een eenvoudige state met useState correct?
Hoe typ je een eenvoudige state met useState correct?
Antwoord
TypeScript leidt het state-type automatisch af van de beginwaarde die aan useState wordt doorgegeven. Voor een eenvoudige waarde zoals een string is het niet nodig het generieke type expliciet te specificeren. Automatische inferentie is voldoende en maakt de code compacter. Expliciete typering wordt alleen nuttig bij unions of als de beginwaarde null is.
3Wat is het juiste type voor een onClick-event op een knop?
Wat is het juiste type voor een onClick-event op een knop?
Antwoord
React.MouseEvent<HTMLButtonElement> is het specifieke type voor klikgebeurtenissen op een knop. De generieke parameter HTMLButtonElement geeft het betrokken DOM-element aan, waardoor toegang tot knop-specifieke eigenschappen via event.currentTarget mogelijk is. Het gebruik van native DOM MouseEvent of een te generiek type zou deze typingprecisie verliezen.
Welk type gebruiken voor het typen van children van een wrapper component?
Wat is het belangrijkste verschil tussen React.FC en directe typing?
+17 gespreksvragen
Andere React / Next.js-sollicitatieonderwerpen
JavaScript-basisbegrippen
React-basisbegrippen
React Hooks
Componentlevenscyclus
React Router
Statusbeheer met Context
Formulieren & Controlled Components
Gegevens ophalen & API
React Query (TanStack Query)
Styling & CSS-in-JS
Next.js Fundamentals
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
Krijg toegang tot alle vragen, flashcards, technische tests, code review-oefeningen en gespreksimulatoren.
Begin gratis