TypeScript pour React & React Native
Types de props/state, generics, discriminated unions, typing hooks, React Navigation types, API responses
1Quel est l'avantage principal d'utiliser TypeScript dans un projet React Native ?
Quel est l'avantage principal d'utiliser TypeScript dans un projet React Native ?
Réponse
TypeScript détecte les erreurs de type lors de la compilation, avant même que l'application ne soit exécutée. Cela réduit considérablement les bugs en production liés aux types incorrects, améliore l'autocomplétion dans l'IDE et rend le code plus auto-documenté. Dans un projet React Native, cela aide particulièrement à typer correctement les props, le state et les réponses d'API.
2Quelle est la différence entre type et interface en TypeScript ?
Quelle est la différence entre type et interface en TypeScript ?
Réponse
Les interfaces peuvent être étendues et fusionnées par déclaration (declaration merging), ce qui est utile pour étendre des types de bibliothèques tierces. Les types sont plus flexibles et peuvent représenter des unions, intersections et types primitifs. En pratique, pour les objets simples les deux sont interchangeables, mais les interfaces sont préférées pour les props de composants React car elles permettent l'extension.
3Comment typer correctement les props d'un composant fonctionnel React Native ?
Comment typer correctement les props d'un composant fonctionnel React Native ?
Réponse
La méthode recommandée est de définir une interface pour les props et de l'utiliser comme type générique ou annotation de paramètre. On peut utiliser soit React.FC avec le générique, soit typer directement les props dans la signature de fonction. La deuxième approche est souvent préférée car React.FC inclut implicitement children, ce qui peut ne pas être souhaité.
Comment typer le hook useState avec un type personnalisé en TypeScript ?
Qu'est-ce qu'un type générique (generic) en TypeScript et à quoi sert-il ?
+19 questions d'entretien
Autres sujets d'entretien React Native
Les bases de JavaScript
Fondamentaux React
Bases de React Native
React Hooks
Composants & API React Native
Styling & Layout React Native
Navigation React Native
State Management React Native
Networking & API React Native
Persistance des données
Forms & Validation
Animations React Native
Native Modules & Bridge
Code spécifique aux plateformes
Permissions & Device APIs
Push Notifications
Testing React Native
Debugging React Native
Build & Deployment
Expo vs React Native Bare
Performance Optimization
Memory Management
Architecture Patterns
New Architecture React Native
Security Best Practices
Offline-First Architecture
CI/CD React Native
Monorepo & Code Sharing
Advanced Topics
App Lifecycle & Background Execution
Authentication & Session Management
Monitoring & Crash Reporting
Maîtrise React Native pour ton prochain entretien
Accède à toutes les questions, flashcards, tests techniques, exercices de code review et simulateurs d'entretien.
Commencer gratuitement