React Server Components
RSC-architectuur, server- vs. client-componenten, serialisatie, streaming, Suspense-grenzen
1Wat is een React Server Component?
Wat is een React Server Component?
Antwoord
Server Components zijn React-componenten die alleen op de server worden uitgevoerd en nooit naar de client worden verzonden. In tegenstelling tot traditionele componenten hoeven ze niet aan de clientzijde te worden gehydrateerd, wat de JavaScript-bundle-grootte aanzienlijk vermindert. Ze bieden directe toegang tot backend-resources (databases, bestandssystemen) zonder geheimen of API-sleutels bloot te stellen.
2Hoe declareer je een Client Component in React?
Hoe declareer je een Client Component in React?
Antwoord
De 'use client'-directive bovenaan een bestand geeft aan dat de component en al zijn geïmporteerde kinderen Client Components zijn. Deze directive markeert de grens tussen server- en clientcode. Zonder deze directive zijn componenten standaard Server Components in frameworks die RSC ondersteunen, zoals Next.js App Router.
3Wat is het belangrijkste verschil tussen Server en Client Components?
Wat is het belangrijkste verschil tussen Server en Client Components?
Antwoord
Server Components worden uitgevoerd op de server en hun code wordt nooit naar de client gestuurd, terwijl Client Components naar de browser worden gestuurd en JavaScript nodig hebben voor interactiviteit. Dit fundamentele onderscheid beïnvloedt toegang tot resources, bundle-grootte en interactiemogelijkheden. Server Components kunnen geen React-hooks gebruiken of gebruikersgebeurtenissen afhandelen.
Welke React-hook kan worden gebruikt in een Server Component?
Hoe voer je data fetching uit in een Server Component?
+23 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
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
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