React Native Debugging
Flipper, React DevTools, Metro Bundler, console.log, Breakpoints, Performance-Monitoring
1Was ist die Hauptaufgabe von Metro in einem React-Native-Projekt?
Was ist die Hauptaufgabe von Metro in einem React-Native-Projekt?
Antwort
Metro ist der JavaScript-Bundler von React Native, der JavaScript-Code kompiliert und in eine einzige Datei für die Anwendung bündelt. Er übernimmt außerdem das Hot Module Replacement (HMR) während der Entwicklung, sodass Änderungen sofort sichtbar werden, ohne die App neu zu starten. Metro transformiert ES6+-, TypeScript- und JSX-Code in JavaScript, das mit der JavaScript-Engine des Geräts kompatibel ist.
2Welcher Befehl öffnet das Entwicklermenü auf einem Android-Emulator?
Welcher Befehl öffnet das Entwicklermenü auf einem Android-Emulator?
Antwort
Auf einem Android-Emulator öffnet die Tastenkombination Ctrl+M (oder Cmd+M auf dem Mac) das React-Native-Entwicklermenü. Dieses Menü bietet Zugriff auf Optionen wie das Neuladen der App, das Aktivieren von Remote Debugging, das Inspizieren von Elementen mit React DevTools und das Umschalten des Performance Monitors. Auf einem physischen Gerät öffnet auch das Schütteln des Geräts dieses Menü.
3Was ist Flipper und was ist sein Hauptvorteil für das React-Native-Debugging?
Was ist Flipper und was ist sein Hauptvorteil für das React-Native-Debugging?
Antwort
Flipper ist eine von Meta entwickelte Desktop-Debugging-Plattform, mit der sich React-Native-Anwendungen ohne Chrome-Bridge inspizieren lassen. Sein Hauptvorteil ist eine einheitliche Oberfläche zum Debuggen von sowohl JavaScript-Code als auch nativem iOS-/Android-Code. Flipper unterstützt Plugins für Network Inspector, Logs, Layout Inspector und Datenbanken und erlaubt das Hinzufügen eigener Plugins.
Was ist der Unterschied zwischen console.log und console.warn in React Native?
Wie aktiviert man React DevTools, um die Komponentenhierarchie von React Native zu inspizieren?
+15 Interview-Fragen
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
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
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten