Component Lifecycle

React 🟢 Junior

Les différentes phases d'un composant : montage, mise a jour et démontage. En hooks, useEffect gère ces phases.

Comme la vie d'un employé : embauche (mount), promotions (update), départ (unmount).

useEffect(() => {
  console.log('Monte ou mis a jour');
  return () => console.log('Demonte / cleanup');
}, [dep]); // se relance si dep change

Gérer les effets de bord comme les abonnements, les appels API ou les timers.

Oublier la fonction de cleanup, causant des fuites mémoire avec des abonnements non annules.

#core#interview#hooks

C'est quoi le cycle de vie d'un composant React ?
Ce sont les différentes phases d'un composant : montage, mise à jour et démontage, un peu comme la vie d'un employé avec l'embauche, les promotions et le départ. En hooks, c'est useEffect qui gère ces phases.
À quoi ça sert de nettoyer un effet dans useEffect ?
Ça sert à gérer les effets de bord comme les abonnements, appels API ou timers, et à les annuler proprement au démontage. Oublier cette fonction de cleanup peut causer des fuites mémoire avec des abonnements non annulés.

Fiche mise à jour le 2026-09-27