Correction d’un composant recréé inutilement causant perte de performance

Scénario

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.

Compétences ciblées