Question 1

Was ist die Hauptaufgabe von React.memo?

Accepted Answer

React.memo ist ein Higher-Order Component, das das Render-Ergebnis eines Komponenten memoisiert. Es führt einen flachen Vergleich der Props durch und überspringt das Re-Rendering, wenn sich die Props nicht geändert haben. Besonders nützlich zur Optimierung teurer Kindkomponenten, die häufig dieselben Props erhalten.

Question 2

Was ist der Hauptunterschied zwischen useMemo und useCallback?

Accepted Answer

useMemo memoisiert das Ergebnis einer Funktion (den zurückgegebenen Wert), während useCallback die Funktion selbst memoisiert. useMemo wird zur Optimierung teurer Berechnungen verwendet, während useCallback dazu dient, Funktionsreferenzen zu stabilisieren, die als Props übergeben werden, und so unnötige Re-Renderings memoisierter Kindkomponenten zu verhindern.

Question 3

In welchem Fall kann die Verwendung von React.memo kontraproduktiv sein?

Accepted Answer

React.memo kann bei Komponenten kontraproduktiv sein, die bei jedem Render unterschiedliche Props erhalten, da die Kosten des flachen Props-Vergleichs ohne Nutzen hinzukommen (die Komponente wird ohnehin neu gerendert). Es ist besser, React.memo für Komponenten zu reservieren, die häufig dieselben Props erhalten und teure Renderings haben.

React Performance-Optimierung

Was ist die Hauptaufgabe von React.memo?

Antwort

Was ist der Hauptunterschied zwischen useMemo und useCallback?

Antwort

In welchem Fall kann die Verwendung von React.memo kontraproduktiv sein?

Antwort

Warum sollte man useCallback für eine Funktion verwenden, die als Prop an eine mit React.memo memoisierte Komponente übergeben wird?

Was ist der Hauptvorteil von Code Splitting mit React.lazy?

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

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