Question 1

Welche Hauptrolle spielt React.memo bei der Performance-Optimierung von React Native?

Accepted Answer

React.memo ist eine Higher-Order Component, die das Renderergebnis einer funktionalen Komponente memoisiert. Es verhindert unnötige Re-Renders, indem die aktuellen Props mit den vorherigen verglichen werden (standardmäßig Shallow Comparison). Wenn sich die Props nicht geändert haben, verwendet React das memoisierte Ergebnis wieder, anstatt die Komponente neu zu rendern, was die Performance in Listen oder komplexen Komponentenbäumen erheblich verbessert.

Question 2

Welche FlatList-Eigenschaft optimiert das Scrollen erheblich, indem sie die Item-Abmessungen im Voraus bereitstellt?

Accepted Answer

getItemLayout ist eine optionale FlatList-Eigenschaft, mit der sich Höhe, Breite und Offset jedes Elements im Voraus berechnen lassen. Dadurch muss React Native nicht jedes Item dynamisch vermessen, was die Scroll-Performance erheblich verbessert, insbesondere beim Springen zu einem bestimmten Index mit scrollToIndex. Diese Optimierung ist besonders nützlich, wenn alle Items dieselbe Größe haben.

Question 3

Was ist der Hauptunterschied zwischen useMemo und useCallback in Bezug auf die Optimierung?

Accepted Answer

useMemo memoisiert das Ergebnis einer aufwendigen Berechnung und gibt diesen berechneten Wert zurück, während useCallback eine Funktion selbst memoisiert und diese Funktion zurückgibt. useMemo ist nützlich, um aufwendige Neuberechnungen bei jedem Render zu vermeiden, während useCallback unerlässlich ist, um das Neuerstellen von Funktionen zu vermeiden, die als Props an memoisierte Kindkomponenten übergeben werden, was deren React.memo-Optimierung zunichtemachen würde.

Performance-Optimierung

Welche Hauptrolle spielt React.memo bei der Performance-Optimierung von React Native?

Antwort

Welche FlatList-Eigenschaft optimiert das Scrollen erheblich, indem sie die Item-Abmessungen im Voraus bereitstellt?

Antwort

Was ist der Hauptunterschied zwischen useMemo und useCallback in Bezug auf die Optimierung?

Antwort

Was ist Hermes und was ist sein Hauptvorteil für React-Native-Anwendungen?

Warum ist es entscheidend, FlatList eine stabile keyExtractor-Funktion bereitzustellen?

Weitere React Native-Interviewthemen

JavaScript-Grundlagen

React-Grundlagen

React Native Grundlagen

React Hooks

TypeScript für React & React Native

React Native Komponenten & API

Styling & Layout in React Native

React Native Navigation

React Native State Management

Networking & API in React Native

Datenpersistenz

Formulare & Validierung

React Native Animationen

Native Modules & Bridge

Plattformspezifischer Code

Berechtigungen & Geräte-APIs

Push Notifications

React Native Testing

React Native Debugging

Build & Deployment

Expo vs React Native Bare

Speicherverwaltung

Architecture Patterns

React Native New Architecture

Security Best Practices

Offline-First Architecture

React Native CI/CD

Monorepo & Code-Sharing

Fortgeschrittene Themen

App-Lebenszyklus & Hintergrundausführung

Authentifizierung und Sitzungsverwaltung

Monitoring & Crash Reporting

Meistere React Native für dein nächstes Interview