Question 1

Quelle est la différence principale entre let et var en JavaScript ?

Accepted Answer

let a une portée de bloc (block scope) tandis que var a une portée de fonction (function scope). Cela signifie qu'une variable déclarée avec let n'est accessible que dans le bloc où elle est définie (entre accolades), alors que var est accessible dans toute la fonction. Cette différence est cruciale pour éviter les bugs liés au hoisting et aux variables qui fuient hors de leur contexte prévu.

Question 2

Qu'est-ce que JSX dans React ?

Accepted Answer

JSX est une extension syntaxique de JavaScript qui permet d'écrire du code ressemblant à du HTML directement dans JavaScript. Il est transpilé en appels de fonctions React.createElement() par des outils comme Babel. JSX rend le code plus lisible et facilite la création d'interfaces utilisateur en combinant la logique et le rendu dans un même fichier.

Question 3

Quel est le composant de base utilisé pour créer des conteneurs dans React Native ?

Accepted Answer

Le composant View est le conteneur fondamental de React Native, équivalent à une div en HTML. Il permet de grouper d'autres composants, d'appliquer des styles et de gérer le layout via Flexbox. Contrairement au web, React Native utilise View au lieu de div car il doit être traduit en composants natifs (UIView sur iOS, android.view sur Android).

Question 4

Quelle fonction permet de déclarer une variable d'état dans un composant fonctionnel React ?

Accepted Answer

useState est le hook fondamental pour gérer l'état local dans les composants fonctionnels. Il retourne un tableau contenant la valeur actuelle de l'état et une fonction pour la mettre à jour. Contrairement aux composants classe qui utilisent this.state, les composants fonctionnels utilisent useState pour chaque variable d'état indépendante.

Question 5

Quelle est la méthode native en JavaScript pour effectuer des requêtes HTTP dans React Native ?

Accepted Answer

fetch est l'API native intégrée à JavaScript et React Native pour effectuer des requêtes HTTP. Elle retourne une Promise et permet de gérer les requêtes GET, POST, PUT, DELETE sans dépendance externe. Contrairement à axios, fetch est disponible nativement sans installation de package.

Question 6

Quelle est la principale caractéristique d'AsyncStorage dans React Native ?

Accepted Answer

AsyncStorage est un système de stockage clé-valeur asynchrone, non chiffré et persistant. Il fonctionne de manière globale dans l'application et stocke les données sous forme de chaînes de caractères. C'est la solution de stockage la plus simple intégrée à React Native, idéale pour des préférences utilisateur simples ou des données non sensibles.

Question 7

Quelle est la différence principale entre un input contrôlé et un input non contrôlé en React Native ?

Accepted Answer

Un input contrôlé est géré par le state React via les props value et onChangeText, ce qui permet un contrôle total sur la valeur à tout moment. Un input non contrôlé utilise une ref pour accéder directement à la valeur du DOM sans passer par le state React. Les inputs contrôlés sont recommandés car ils facilitent la validation en temps réel et la synchronisation avec le state de l'application.

Question 8

Quel est le rôle principal de React.memo dans l'optimisation des performances React Native ?

Accepted Answer

React.memo est un Higher-Order Component qui mémorise le résultat du rendu d'un composant fonctionnel. Il empêche les re-renders inutiles en comparant les props actuelles avec les précédentes (shallow comparison par défaut). Si les props n'ont pas changé, React réutilise le résultat mémorisé au lieu de re-rendre le composant, ce qui améliore significativement les performances dans les listes ou les arbres de composants complexes.

Question 9

Qu'est-ce qu'une fuite de mémoire (memory leak) dans une application React Native ?

Accepted Answer

Une fuite de mémoire se produit lorsque des objets en mémoire ne sont plus utilisés par l'application mais ne peuvent pas être libérés par le garbage collector car des références vers ces objets existent encore. En React Native, cela arrive souvent avec des subscriptions non nettoyées, des timers actifs après unmount, ou des closures qui capturent des références obsolètes. Les fuites de mémoire dégradent progressivement les performances et peuvent provoquer des crashs sur des sessions longues.

Question 10

Qu'est-ce que l'architecture par composants dans une application React Native ?

Accepted Answer

L'architecture par composants consiste à structurer l'application en éléments réutilisables et indépendants, chacun ayant une responsabilité unique. Cette approche favorise la réutilisation du code, simplifie les tests unitaires et améliore la maintenabilité. Chaque composant encapsule son propre état, logique et présentation, permettant de construire des interfaces complexes à partir de briques simples et composables.

Questions d'entretien React Native

Prêt pour ton entretien React Native ?

Explorer tous les sujets 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

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