# React Server Components (React / Next.js)

> RSC-architectuur, server- vs. client-componenten, serialisatie, streaming, Suspense-grenzen

- 26 gespreksvragen
- Senior
- [Gespreksvragen: React / Next.js](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen.md)

## 1. 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.

## 2. 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.

## 3. 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.

## Nog 23 vragen beschikbaar

- Welke React-hook kan worden gebruikt in een Server Component?
- Hoe voer je data fetching uit in een Server Component?

Meld je gratis aan: https://sharpskill.dev/nl/login

## Andere React / Next.js-sollicitatieonderwerpen

- [JavaScript-basisbegrippen](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/javascript-essentials.md): 25 vragen, Junior
- [React-basisbegrippen](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-fundamentals.md): 20 vragen, Junior
- [React Hooks](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-hooks.md): 22 vragen, Junior
- [Componentlevenscyclus](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/component-lifecycle.md): 18 vragen, Junior
- [React Router](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-router.md): 20 vragen, Junior
- [Statusbeheer met Context](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/state-management-context.md): 18 vragen, Junior
- [Formulieren & Controlled Components](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/forms-controlled-components.md): 20 vragen, Mid-Level
- [Gegevens ophalen & API](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/fetching-data-api.md): 20 vragen, Mid-Level
- [React Query (TanStack Query)](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-query-tanstack.md): 20 vragen, Mid-Level
- [Styling & CSS-in-JS](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/styling-css-in-js.md): 18 vragen, Mid-Level
- [Next.js Fundamentals](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-fundamentals.md): 25 vragen, Mid-Level
- [TypeScript met React](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/typescript-react.md): 20 vragen, Mid-Level
- [Next.js Data Fetching](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-data-fetching.md): 24 vragen, Mid-Level
- [Next.js Server Actions](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-server-actions.md): 20 vragen, Mid-Level
- [Routing & Navigatie in Next.js](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-routing-navigation.md): 22 vragen, Mid-Level
- [Next.js API Routes](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-api-routes.md): 20 vragen, Mid-Level
- [Next.js Metadata & SEO](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-metadata-seo.md): 18 vragen, Mid-Level
- [Next.js Middleware & Auth](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-middleware-auth.md): 22 vragen, Mid-Level
- [React Testen](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-testing.md): 20 vragen, Mid-Level
- [Zustand State Management](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/zustand-state-management.md): 18 vragen, Mid-Level
- [React Performance-optimalisatie](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-performance-optimization.md): 22 vragen, Senior
- [Error Boundaries & Error Handling](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-error-boundaries.md): 18 vragen, Senior
- [Advanced React Patterns](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/advanced-react-patterns.md): 20 vragen, Senior
- [Geavanceerde Next.js-functies](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-advanced-features.md): 24 vragen, Senior
- [Next.js Deployment & Productie](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-deployment-production.md): 20 vragen, Senior
- [Architecture & Design Patterns](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-architecture-patterns.md): 22 vragen, Senior
- [Next.js Internationalisering](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-internationalization.md): 20 vragen, Senior
- [React Beveiliging & Best Practices](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-security-best-practices.md): 22 vragen, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-server-components