Debugging React Native
Flipper, React DevTools, Metro bundler, console.log, breakpoints, performance monitoring
1Quel est le rôle principal de Metro dans un projet React Native ?
Quel est le rôle principal de Metro dans un projet React Native ?
Réponse
Metro est le bundler JavaScript de React Native qui compile et bundle le code JavaScript en un seul fichier pour l'application. Il gère également le Hot Module Replacement (HMR) en développement, permettant de voir les changements instantanément sans redémarrer l'application. Metro transforme le code ES6+, TypeScript et JSX en JavaScript compatible avec le moteur JavaScript de l'appareil.
2Quelle commande permet d'ouvrir le menu de développement sur un émulateur Android ?
Quelle commande permet d'ouvrir le menu de développement sur un émulateur Android ?
Réponse
Sur un émulateur Android, la combinaison Ctrl+M (ou Cmd+M sur Mac) ouvre le menu de développement React Native. Ce menu donne accès à des options comme le rechargement de l'application, l'activation du Remote Debugging, l'inspection des éléments avec React DevTools, et le toggle du Performance Monitor. Sur un appareil physique, secouer l'appareil permet également d'ouvrir ce menu.
3Qu'est-ce que Flipper et quel est son avantage principal pour le debugging React Native ?
Qu'est-ce que Flipper et quel est son avantage principal pour le debugging React Native ?
Réponse
Flipper est une plateforme de debugging desktop développée par Meta qui permet d'inspecter les applications React Native sans bridge Chrome. Son avantage principal est de fournir une interface unifiée pour débugger à la fois le code JavaScript et le code natif iOS/Android. Flipper supporte des plugins pour le network inspector, les logs, le layout inspector, les bases de données, et permet d'ajouter des plugins personnalisés.
Quelle est la différence entre console.log et console.warn dans React Native ?
Comment activer React DevTools pour inspecter la hiérarchie des composants React Native ?
+15 questions d'entretien
Autres sujets d'entretien React Native
Les bases de JavaScript
Fondamentaux React
Bases de React Native
React Hooks
TypeScript pour React & React Native
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
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