Question 1

Was ist Mounting in einer React-Komponente?

Accepted Answer

Mounting ist die Phase, in der eine Komponente erstellt und zum ersten Mal in den DOM eingefügt wird. Während dieser Phase initialisiert React den State, führt den Konstruktionscode aus und führt das erste Rendering durch. Dies ist der ideale Zeitpunkt, um API-Aufrufe auszulösen oder Abonnements über useEffect zu initialisieren.

Question 2

Was ist Unmounting in einer React-Komponente?

Accepted Answer

Unmounting ist die Phase, in der eine Komponente aus dem DOM entfernt und zerstört wird. Diese Phase tritt auf, wenn die Komponente nicht mehr benötigt wird, zum Beispiel bei einem Routenwechsel oder einer Rendering-Bedingung. Dies ist der kritische Moment zum Bereinigen von Ressourcen: Timers abbrechen, WebSocket-Verbindungen schließen und Event Listener entfernen, um Memory Leaks zu verhindern.

Question 3

Wann wird die an useEffect übergebene Funktion standardmäßig ausgeführt?

Accepted Answer

Standardmäßig wird useEffect nach jedem Rendering der Komponente ausgeführt, einschließlich des ersten Renderings und aller nachfolgenden Re-Renders. Diese asynchrone Ausführung verhindert das Blockieren der Benutzeroberfläche. Um dieses Verhalten zu steuern, kann das Dependency-Array als zweites Argument verwendet werden, um Ausführungen nur auf bestimmte Wertänderungen zu beschränken.

Komponentenlebenszyklus

Was ist Mounting in einer React-Komponente?

Antwort

Was ist Unmounting in einer React-Komponente?

Antwort

Wann wird die an useEffect übergebene Funktion standardmäßig ausgeführt?

Antwort

Wofür dient das Dependency-Array in useEffect?

Was bedeutet es, ein leeres Array [] als Abhängigkeiten an useEffect zu übergeben?

Weitere React / Next.js-Interviewthemen

JavaScript-Grundlagen

React-Grundlagen

React Hooks

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

React Server Components

Next.js Internationalisierung

React Sicherheit & Best Practices

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