Bonjour la communauté !

J'ai une application React qui commence à avoir des problèmes de performance. Mes composants se re-rendent trop souvent et l'interface devient lente.

Mon problème

function MyComponent({ items, onSelect }) {
  return (
    <div>
      {items.map(item => (
        <ItemCard 
          key={item.id} 
          item={item} 
          onClick={() => onSelect(item)}
        />
      ))}
    </div>
  );
}

Avez-vous des conseils pour optimiser cela ? J'ai entendu parler de useMemo et useCallback mais je ne sais pas comment les utiliser efficacement.

Merci d'avance ! 🙏