Correction d’un problème de re-render massif dégradant les performances

Scénario

Contexte : Une liste complexe contient plusieurs composants interactifs. Le Problème : Chaque modification d’état global provoque re-render de tous les éléments, ralentissant fortement l’application. Extrait logique actuelle : const items = data.map(item => <Item key={item.id} data={item} />); Sans optimisation. Contraintes : Utiliser React.memo. Stabiliser callbacks via useCallback. Limiter dépendances inutiles. Livrable attendu : Optimiser le rendu afin de réduire significativement les re-renders et améliorer fluidité globale.

Compétences ciblées