Question 1

Was ist die Context API in React?

Accepted Answer

Context API ist ein in React integrierter Mechanismus, der es ermöglicht, Daten zwischen Komponenten zu teilen, ohne Props explizit durch jede Ebene weiterzugeben. Es löst das Prop-Drilling-Problem, indem globaler Zustand erstellt wird, der für alle Nachkommenkomponenten zugänglich ist. Context ist besonders geeignet für selten geänderte Daten wie Theme, Sprache oder Informationen zum authentifizierten Benutzer.

Question 2

Welche Funktion wird verwendet, um einen neuen Context zu erstellen?

Accepted Answer

Die createContext-Funktion ist Reacts native Methode zur Initialisierung eines neuen Kontexts. Sie akzeptiert einen optionalen Standardwert, der verwendet wird, wenn eine Komponente den Context ohne übergeordneten Provider verwendet. Diese Funktion gibt ein Objekt zurück, das Provider und Consumer enthält, obwohl Consumer mit modernen Hooks selten verwendet wird.

Question 3

Welcher Hook wird verwendet, um einen Context-Wert zu konsumieren?

Accepted Answer

Der useContext-Hook ermöglicht es Kindkomponenten, den vom nächsten Provider im Komponentenbaum bereitgestellten Wert zu lesen. Er ersetzt die ältere Consumer-API und bietet eine präzisere und lesbarere Syntax. Die Komponente wird automatisch Kontext-Änderungen neu abonnieren und entsprechend aktualisiert.

Zustandsverwaltung mit Context

Was ist die Context API in React?

Antwort

Welche Funktion wird verwendet, um einen neuen Context zu erstellen?

Antwort

Welcher Hook wird verwendet, um einen Context-Wert zu konsumieren?

Antwort

Welche Komponente wird verwendet, um einem Context einen Wert bereitzustellen?

Was passiert, wenn eine Komponente useContext ohne übergeordneten Provider verwendet?

Weitere React / Next.js-Interviewthemen

JavaScript-Grundlagen

React-Grundlagen

React Hooks

Komponentenlebenszyklus

React Router

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

React Server Components

Next.js Internationalisierung

React Sicherheit & Best Practices

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