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.
Ajouter un commentaire
Veuillez vous connecter pour ajouter un commentaire.
Pas encore de commentaires.