Optimisation des performances avec React.memo et useMemo

Optimisation des performances avec `React.memo` et `useMemo`

Objectif : Utilisez React.memo et useMemo pour optimiser les performances d'un composant en évitant les rendus inutiles.

Instructions :

Créez un composant qui affiche une liste d'éléments et qui se met à jour lors de l'ajout d'un nouvel élément.
Utilisez React.memo pour éviter le re-rendu des composants qui n'ont pas besoin d'être mis à jour.
Utilisez useMemo pour mémoriser les calculs coûteux (comme le filtrage ou le tri d'une grande liste).

Bonus : Mesurez l'impact des optimisations avec les outils de performance de React Developer Tools.

Pas encore de commentaires.

Ajouter un commentaire

Veuillez vous connecter pour ajouter un commentaire.