React Native

Advanced Topics

Code splitting, lazy loading, multi-threading, worklets, custom native views

22 questions d'entretien·
Senior
1

Quel est le principal avantage du code splitting dans une application React Native ?

Réponse

Le code splitting permet de réduire la taille du bundle initial en ne chargeant que le code nécessaire au démarrage. Les autres modules sont chargés à la demande, ce qui améliore significativement le temps de lancement de l'application. Cela est particulièrement bénéfique pour les applications volumineuses avec de nombreuses fonctionnalités.

2

Comment implémenter le lazy loading d'un composant avec React.lazy dans React Native ?

Réponse

React.lazy permet de charger dynamiquement un composant en l'enveloppant avec une fonction qui retourne un import dynamique. Le composant doit ensuite être encapsulé dans un Suspense avec un fallback pour gérer l'état de chargement. Cette approche permet de différer le chargement de composants lourds jusqu'à ce qu'ils soient réellement nécessaires.

3

Qu'est-ce qu'un worklet dans le contexte de React Native Reanimated ?

Réponse

Un worklet est une fonction JavaScript exécutée sur le thread UI natif plutôt que sur le thread JavaScript principal. Cela permet des animations fluides à 60fps car les calculs d'animation ne sont pas bloqués par d'autres opérations JavaScript. Les worklets sont identifiés par la directive 'worklet' en début de fonction.

4

Dans React Native, sur quels threads principaux l'application s'exécute-t-elle ?

5

Quelle est la différence entre useSharedValue et useState pour les animations avec Reanimated ?

+19 questions d'entretien

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