useEffect : le niveau AVANCÉ que tu dois avoir en entreprise (mentoring)

👉 La suite du cours sur useEffect, c'est par là :
https://videv.podia.com/useeffect-suite

👉 Ma formation React En Entreprise :
https://videv.podia.com/react-comme-u...

Ici, tu vas apprendre useEffect FACILEMENT et de la bonne manière pour que tu puisses débugguer n'importe quelle situation une fois en poste. Cette vidéo avancée (extrait de ma formation REACT EN ENTREPRISE) t'explique en détail les trois phases clé du cycle de vie d’un composant : le mounting, l'updating et le unmounting du composant. Apprends à optimiser le rendu de tes composants pour des performances maximales et à gérer efficacement le cycle de vie avec useEffect. Que tu sois développeur intermédiaire ou avancé, cette vidéo te donnera toutes les clés pour exploiter pleinement le potentiel de React et améliorer la qualité de tes applications. Ne rate pas cette chance de maîtriser useEffect à un niveau avancé!

Chapitrage :
00:00 preview
00:30 l'erreur classique avec useEffect()

PRINCIPE DU USE EFFECT
00:40 les 3 phases du cycle de vie du composant
01:34 la double lecture à chaque phase
02:17 définition du render d'un composant (en React)
03:20 le nom de la lecture 2 en fonction des phases + anglais
06:10 le trigger pour le passage de MOUNTING à UPDATING

PHASE 1 : MOUNTING
08:07 c'est quoi le render ?
09:27 componentDidMount
12:24 le tableau de dépendances "vide"

PHASE 2 : UPDATING
18:00 componentDidUpdate (tableau de dépendances rempli)
22:05 le "if" intelligent
24:23 exclusion du let
27:49 métaphore du surveillant de permanence
32:55 le cas du infinite loop
40:07 question Didier : "mounting ≠ updating : pourquoi distinguer ces deux phases ?"

INTERLUDE
47:31 coup de gueule Youtube
48:43 le vrai nom des différents useEffect

PHASE 3 : UNMOUNTING
51:41 componentWillUnmount

N'oublie pas de liker cette vidéo si tu l'as trouvée utile, de t'abonner à la chaîne.
Je serai ravi de répondre à tes questions et je pourrai même faire des vidéos sur les questions que je juge pertinentes :)


👋 Retrouve mon quotidien de Lead Développeur React :
sur Twitter :   / videvjs  

#frontend #reactjs #useeffect #hook #mentoring #cycleDeVie #mounting #updating #unmounting