React Native
Avancé
Correction d’un composant recréé inutilement causant perte de performance
Type d'évaluation
Mise en situation réelle
Analyse
Intelligence Artificielle
Compétences ciblées
performance
react-memo
optimization
bugfix
hooks
Scénario Technique
Contexte : Une liste d’éléments affiche des composants enfants lourds. Le Problème : Chaque modification d’état provoque re-render de tous les items. Extrait logique actuelle : const Item = ({ item }) => { return <View>...</View>; }; Sans optimisation. Contraintes : Utiliser React.memo. Stabiliser props via useCallback ou useMemo. Mesurer réduction des re-renders. Livrable attendu : Optimiser le composant afin d’améliorer significativement performance du rendu.
Prêt à évaluer ce talent ?
Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.