Question 1

Was ist der Hauptunterschied zwischen let und var in JavaScript?

Accepted Answer

let hat einen Block-Scope, während var einen Funktions-Scope hat. Das bedeutet, dass eine mit let deklarierte Variable nur innerhalb des Blocks zugänglich ist, in dem sie definiert wurde (zwischen den geschweiften Klammern), während var in der gesamten Funktion zugänglich ist. Dieser Unterschied ist entscheidend, um Bugs im Zusammenhang mit Hoisting und Variablen zu vermeiden, die aus ihrem vorgesehenen Kontext austreten.

Question 2

Was ist JSX in React?

Accepted Answer

JSX ist eine syntaktische Erweiterung von JavaScript, die es ermöglicht, HTML-ähnlichen Code direkt in JavaScript zu schreiben. Er wird von Tools wie Babel in React.createElement()-Funktionsaufrufe transpiliert. JSX macht den Code lesbarer und erleichtert die UI-Erstellung, indem Logik und Rendering in derselben Datei kombiniert werden.

Question 3

Welches Basiskomponente wird zum Erstellen von Containern in React Native verwendet?

Accepted Answer

Die View-Komponente ist der grundlegende Container in React Native und entspricht einem div in HTML. Sie ermöglicht das Gruppieren anderer Komponenten, das Anwenden von Stilen und die Verwaltung des Layouts über Flexbox. Anders als im Web verwendet React Native View statt div, da es in native Komponenten übersetzt werden muss (UIView auf iOS, android.view auf Android).

Question 4

Welche Funktion ermöglicht das Deklarieren einer State-Variable in einer funktionalen React-Komponente?

Accepted Answer

useState ist der grundlegende Hook zum Verwalten des lokalen States in funktionalen Komponenten. Er gibt ein Array zurück, das den aktuellen State-Wert und eine Funktion zum Aktualisieren enthält. Anders als Klassenkomponenten, die this.state verwenden, nutzen funktionale Komponenten useState für jede unabhängige State-Variable.

Question 5

Welche native JavaScript-Methode dient zum Senden von HTTP-Anfragen in React Native?

Accepted Answer

fetch ist die in JavaScript und React Native integrierte native API für HTTP-Anfragen. Sie gibt ein Promise zurück und ermöglicht die Verarbeitung von GET-, POST-, PUT-, DELETE-Anfragen ohne externe Abhängigkeiten. Anders als axios ist fetch nativ verfügbar, ohne ein Paket installieren zu müssen.

Question 6

Was ist das Hauptmerkmal von AsyncStorage in React Native?

Accepted Answer

AsyncStorage ist ein asynchrones, unverschlüsseltes und persistentes Schlüssel-Wert-Speichersystem. Es funktioniert global in der gesamten App und speichert Daten als Strings. Es ist die einfachste in React Native integrierte Speicherlösung und ideal für einfache Benutzereinstellungen oder nicht sensible Daten.

Question 7

Was ist der Hauptunterschied zwischen einem controlled und einem uncontrolled Input in React Native?

Accepted Answer

Ein controlled Input wird über die value- und onChangeText-Props vom React-State verwaltet, was jederzeit volle Kontrolle über den Wert ermöglicht. Ein uncontrolled Input verwendet eine Ref, um direkt auf den Wert zuzugreifen, ohne den React-State zu durchlaufen. Controlled Inputs werden empfohlen, da sie die Echtzeit-Validierung und die Synchronisation mit dem Anwendungs-State erleichtern.

Question 8

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 9

Was ist ein Memory Leak in einer React Native-Anwendung?

Accepted Answer

Ein Memory Leak tritt auf, wenn Objekte im Speicher von der Anwendung nicht mehr verwendet werden, aber vom Garbage Collector nicht freigegeben werden können, weil noch Referenzen auf diese Objekte existieren. In React Native passiert das häufig bei nicht bereinigten Subscriptions, Timern, die nach dem Unmount noch aktiv sind, oder Closures, die veraltete Referenzen erfassen. Memory Leaks verschlechtern die Performance allmählich und können bei langen Sitzungen zu Abstürzen führen.

Question 10

Was ist Komponentenarchitektur in einer React-Native-Anwendung?

Accepted Answer

Die Komponentenarchitektur besteht darin, die Anwendung in wiederverwendbare und unabhängige Elemente zu strukturieren, von denen jedes eine einzige Verantwortung hat. Dieser Ansatz fördert die Wiederverwendung von Code, vereinfacht Unit-Tests und verbessert die Wartbarkeit. Jede Komponente kapselt ihren eigenen State, ihre Logik und ihre Darstellung und ermöglicht so den Aufbau komplexer Oberflächen aus einfachen, kombinierbaren Bausteinen.

React Native Interview-Fragen

Bereit für dein React Native-Interview?

Alle React Native-Themen entdecken

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

Performance-Optimierung

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