TypeScript für React & React Native
Props/State-Typen, Generics, Discriminated Unions, Typisierung von Hooks, React-Navigation-Typen, API-Antworten
1Was ist der Hauptvorteil der Verwendung von TypeScript in einem React-Native-Projekt?
Was ist der Hauptvorteil der Verwendung von TypeScript in einem React-Native-Projekt?
Antwort
TypeScript erkennt Typfehler zur Kompilierzeit, noch bevor die Anwendung überhaupt läuft. Das reduziert Produktionsfehler durch falsche Typen erheblich, verbessert die Autovervollständigung in der IDE und macht den Code selbstdokumentierender. In einem React-Native-Projekt hilft das besonders dabei, Props, State und API-Antworten korrekt zu typisieren.
2Was ist der Unterschied zwischen type und interface in TypeScript?
Was ist der Unterschied zwischen type und interface in TypeScript?
Antwort
Interfaces können durch Declaration Merging erweitert und zusammengeführt werden, was nützlich ist, um Typen von Drittanbieter-Bibliotheken zu erweitern. Types sind flexibler und können Unions, Intersections und primitive Typen darstellen. In der Praxis sind beide für einfache Objekte austauschbar, aber für React-Komponenten-Props werden Interfaces bevorzugt, da sie Erweiterungen ermöglichen.
3Wie typisiert man die Props einer funktionalen React-Native-Komponente korrekt?
Wie typisiert man die Props einer funktionalen React-Native-Komponente korrekt?
Antwort
Die empfohlene Methode besteht darin, ein Interface für die Props zu definieren und es als generischen Typ oder Parameterannotation zu verwenden. Man kann entweder React.FC mit dem Generic verwenden oder die Props direkt in der Funktionssignatur typisieren. Der zweite Ansatz wird oft bevorzugt, da React.FC implizit children einschließt, was möglicherweise nicht gewünscht ist.
Wie typisiert man den useState-Hook mit einem benutzerdefinierten Typ in TypeScript?
Was ist ein generischer Typ (Generic) in TypeScript und wofür wird er verwendet?
+19 Interview-Fragen
Weitere React Native-Interviewthemen
JavaScript-Grundlagen
React-Grundlagen
React Native Grundlagen
React Hooks
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
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten