Question 1

Was ist ein React Server Component?

Accepted Answer

Server Components sind React-Komponenten, die nur auf dem Server ausgeführt werden und niemals an den Client gesendet werden. Im Gegensatz zu herkömmlichen Komponenten müssen sie auf der Clientseite nicht hydriert werden, was die JavaScript-Bundle-Größe erheblich reduziert. Sie ermöglichen direkten Zugriff auf Backend-Ressourcen (Datenbanken, Dateisysteme), ohne Geheimnisse oder API-Schlüssel preiszugeben.

Question 2

Wie deklariert man eine Client Component in React?

Accepted Answer

Die 'use client'-Direktive am Anfang einer Datei gibt an, dass die Komponente und alle importierten Kinder Client Components sind. Diese Direktive markiert die Grenze zwischen Server- und Client-Code. Ohne diese Direktive sind Komponenten in Frameworks, die RSC unterstützen (wie Next.js App Router), standardmäßig Server Components.

Question 3

Was ist der Hauptunterschied zwischen Server und Client Components?

Accepted Answer

Server Components werden auf dem Server ausgeführt und ihr Code wird niemals an den Client gesendet, während Client Components an den Browser gesendet werden und JavaScript für die Interaktivität benötigen. Dieser grundlegende Unterschied betrifft den Ressourcenzugriff, die Bundle-Größe und die Interaktivitätsmöglichkeiten. Server Components können keine React-Hooks verwenden oder Benutzerereignisse verarbeiten.

React Server Components

Was ist ein React Server Component?

Antwort

Wie deklariert man eine Client Component in React?

Antwort

Was ist der Hauptunterschied zwischen Server und Client Components?

Antwort

Welcher React-Hook kann in einer Server Component verwendet werden?

Wie führt man Data Fetching in einem Server Component durch?

Weitere React / Next.js-Interviewthemen

JavaScript-Grundlagen

React-Grundlagen

React Hooks

Komponentenlebenszyklus

React Router

Zustandsverwaltung mit Context

Formulare & Controlled Components

Datenabruf & API

React Query (TanStack Query)

Styling & CSS-in-JS

Next.js Grundlagen

TypeScript mit React

Next.js Data Fetching

Next.js Server Actions

Routing & Navigation in Next.js

Next.js API Routes

Next.js Metadata & SEO

Next.js Middleware & Auth

React Testing

Zustand State Management

React Performance-Optimierung

Error Boundaries & Error Handling

Advanced React Patterns

Erweiterte Next.js-Funktionen

Next.js Deployment & Produktion

Architecture & Design Patterns

Next.js Internationalisierung

React Sicherheit & Best Practices

Meistere React / Next.js für dein nächstes Interview