Component Lifecycle

React 🟢 Junior

Definition

Les differentes phases d'un composant : montage, mise a jour et demontage. En hooks, useEffect gere ces phases.

Analogie

Comme la vie d'un employe : embauche (mount), promotions (update), depart (unmount).

Exemple de code

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

Cas d'usage

Gerer les effets de bord comme les abonnements, les appels API ou les timers.

Anti-pattern

Oublier la fonction de cleanup, causant des fuites memoire avec des abonnements non annules.

Termes lies

#core#interview#hooks