React - Fuites de mémoire et comment les éviter

# En termes simples, on dit qu'une fuite de mémoire se produit lorsque des données inaccessibles ou non référencées existent en mémoire.

React - Fuites de mémoire et comment les éviter
  • Medium
  • 15 aoû, 2022

  • 2 minutes

React - Fuites de mémoire et comment les éviter

Javascript

Selon Wikipedia, une fuite de mémoire est un type de fuite de ressources qui se produit lorsqu'un programme informatique gère incorrectement les allocations de mémoire de telle sorte que la mémoire qui n'est plus nécessaire n'est pas libérée. Une fuite de mémoire peut également se produire lorsqu'un objet est stocké en mémoire mais que le code en cours d'exécution ne peut y accéder.

Les fuites de mémoire dans les applications React résultent principalement du fait que les souscriptions effectuées lors du montage d'un composant ne sont pas annulées avant que le composant ne soit démonté. 

Ces souscriptions peuvent être un :

  • Un écouteur d'événements DOM
  • Abonnement WebSocket
  • Une requête à une API

Dans cet article, nous allons nous concentrer sur la façon d'éviter les fuites de mémoire sur un récepteur d'événements DOM, mais le processus est assez similaire pour un abonnement WebSocket. Fondamentalement, lorsque nous ajoutons un Event Listener dans React, nous devons le supprimer afin d'éviter les fuites de mémoire.

Article proposé par SignedA

Les derniers articles

Serverpod