Super bien expliqué c'est maintenant j'ai très bien compris le fonctionnement de useEffect. 5 étoiles à toi. Une question, as-tu une formation complete en react ?
Yes, rentre ton email ici et tu auras tout ce qu'il faut sur la formation React où on va bien plus en profondeur : videv.podia.com/react-comme-un-pro-formation
si t'en as vraiment besoin, oui. Sinon, essaie de voir si tu peux pas juste passer par un gestionnaire d'événement (handleClick, handleSubmit, handleChange, etc.)
@@videv9858 Oui je l'ai regardé, ça m'a peut-être échappé. Dans la vidéo, tu dis assez clairement qu'il faut que ce soit une valeur d'état qui soit utilisé dans le tableau de dépendance. Pourtant, j'ai déjà utilisé d'autres variables et notamment une variable générée par useParams() et cela fonctionne très bien. Attention, il est tout à fait possible voire très probable que je n'utilise pas les "bonnes pratiques".
Oui, je l ai regardé mais je pense qu il y a une nuance qui m échappe. Dans la vidéo, tu dis clairement qu il faut que ce soit une valeur d état. Pourtant, j utilise par exemple une valeur issue de useParams() dans mon tableau de dépendance de mon useEffect pour recharger des données à chaque fois que l utilisateur change de pages et ça marche très bien. Je ne sais pas si j utilise les bonnes pratiques pour autant.
@@videv9858 Bonjour Vi. Oui, j'ai bien regardé la video jusqu'à la fin. Tu dis très clairement qu'il faut mettre une variable d'Etat dans le tableau de dépendances. Pourtant, la fin de la video me fait penser différemment. Dans mon exemple, moi j'utilise const { id } = useParams() dans mon tableau de dépendances. Lorsque l'utilisateur change de page, id change et me permet de remettre les données de la page à jour. Cela fonctionne pas mais il est plus que probable que je n'utilise pas les "bonnes pratiques". Bonne journée (en espérant que ma réponse soit mise à jour)
@videv9858 Bonjour Vi. Oui, j'ai bien regardé la video jusqu'à la fin. Tu dis très clairement qu'il faut mettre une variable d'Etat dans le tableau de dépendances. Pourtant, la fin de la video me fait penser différemment. Dans mon exemple, moi j'utilise const { id } = useParams() dans mon tableau de dépendances. Lorsque l'utilisateur change de page, id change et me permet de remettre les données de la page à jour. Cela fonctionne pas mais il est plus que probable que je n'utilise pas les "bonnes pratiques". Bonne journée (en espérant que ma réponse soit mise à jour)
Je parle déjà de useState dans ma vidéo "React en 1h" sur youtube : ruclips.net/video/h2a0cSC1Vz8/видео.htmlsi=JvbyTv_FsXqGzVk8&t=629. Du coup, sur quels points précisément de useState aimerais-tu que je fasse une vidéo ? Sur quoi tu as du mal ?
C'est quoi ce délire de code qui s'exécute mais qui saute du code 😂😂😂 Déjà la "fonction flêche" s'appel une lambda. Toi qui dis aimer nommer les choses correctement... ça commence mal. Ensuite, la lambda (de son petit nom savant "fonction non nommé") ou la fonction nommé passé à useEffect, est mémorisé par l'appelant, car useEffect n'est qu'une méthode qui va mémorisé dans l'objet de l'appelant une référence sur cette méthode. Et pourquoi la lambda n'est pas appelé au "1er appel" ???? tout simplement parce qu'on ne fait que passer l'équivalant d'une adresse à useEffect et non une exécution. C'est bon vous suivez ?! Donc l'appelant, qui n'est autre qu'une machine à état qui exécute un "workflow" (oui moi aussi j'ai plein de mots savant 😂), à d'inscrit dans son comportement "quand le state change, si j'ai une référence de fonction mémorisé, alors j'appel l'exécution de cette référence". Dingue !!! mais comment qu'il fait ça ?! Hummmm je sais pas, avec un handler/event et du notification push qui va tester la variable private is _useEffet is not null then _useEffect() ¿? haaa bah ca semble pas mal 😂 Mais en AUCUN CAS LA METHODE OU CE TROUVE LE USEEFFECT N'EST RAPPELER EN SAUTANT DES LIGNES !!!! C'est du pure délire. Pour se faire prof d'info, il faut un minimum de sérieux, ou clairement l'afficher dans le titre.
Ouais, merci : grâce à toi, je préfère encore plus mon explication. “C’est bon vous suivez !?” 👉 Non. À ce stade là de ton "explication", personne ne te suit. Personne ne te comprend. Personne. T’es tout seul. Seul avec ton arrogance et ton jargon technique pompeux inutilement compliqué. La "lambda". "Fonction non nommée". "L'appelant.". '"Workflow". "Notification push". "Variable private". À quel moment tu crois 1 seconde et "sincèrement" que quelqu'un comprend ce que tu racontes ? C'est encore pire si cette personne est débutante avec useEffect. Et c'est pas en ricannant comme une hyène arrogante avec tes emojis que tu vas me faire croire que quelqu'un va piger ton "explication". D’ailleurs, c’est pas une explication que tu donnes : c'est une démo. Une démo de ton incompétence pédagogique et de ton manque d’empathie. Avec ton commentaire, tu représentes tous les PIRES profs que j'ai pu avoir dans TOUTE ma vie et qui ont fait le formateur que je suis aujourd'hui. Si tu ne devais retenir qu'une seule chose mec, retiens ça : C’est À CAUSE de mecs sans empathie et arrogants comme toi que tant de gens abandonnent le dev. C’est GRÂCE à des mecs sans empathie et arrogants comme toi que je suis devenu le formateur que je suis aujourd'hui. Du coup, merci à toi. Change rien mec, t'assures ❤ Bisou.
Tu as un jolie nom mais en te lisant je me dis que les sessions de brainstorming c’est mieux si tu les fais tout seul .. .. Heureusement qu’il est pas prof lui.. il serait un prof lambda 😂😂
@@Stefoux hoooo il a enfin été faire une recherche google sur les lambda fonction. Maintenant recherche "closure" parameter", mais le qi, pas sur que tu piege tou du con ;)
@@BrainStroming1789 maintenant TOI recherche : « comment avoir un cerveau et arrêter de répondre comme un demeuré ». Ça doit être le bon level de tuto pour toi. Et dès que t’as fini, retourne commenter sur les posts des autres vidéos et profite de ton weekend utilement au lieu d’insulter mes abonnés.
Qu'est-ce qui déclenche un comportement ? Si c'est une action de l'utilisateur (ex: la saisie d'un formulaire) ==> alors utilise l'événement onChange auquel tu branches un comportement handleChange(). Si c'est un changement de state (ex: "compteurState") ==> alors utilise useEffect() et tu mets "compteurState" dans le tableau de dépendances.
Peux tu me dire ce sur quoi tu as des blocages / difficultés avec Redux qui fait que t'aurais besoin de Redux ? comme ça je sais ce sur quoi j'ai besoin d'insister 💯
@@videv9858 J'ai compris le principe de Redux en lui même mais c'est plus côté code où c'est complexe de tout comprendre 🥲 A quoi sert un Reducer, comment on fait pour le mettre en place ? Peut on avoir plusieurs Reducers ? A propos des actions, faut-il les mettre dans le même fichier que le Reducer ? Quelles sont les best practices que ça soit au niveau de l'organisions du code ? Quelles sont les thermes techniques à connaitre ? Comme playload, provider, store, middleware, useSelector, dispatch etc Et pourquoi on recommande d'utiliser Redux Toolkit à la place de Redux ? Il y a-t-il des outils comme les extensions de navigateur qui peuvent être utile tel que Redux DevTools, comment ça marche et à quoi ça peut servir ? Peut-on utiliser useState en plus de Redux ? Peut on utiliser que des useState à certain moment ? (si une props est utile qu'à son composant enfant et nul par ailleurs) Ou est-il préférable de tout centraliser dans le store ? J'ai encore beaucoup de questions mais déjà là il y en a pas mal, il se peut que mes questions soient incohérente car je suis toujours en apprentissage sur Redux 😭
Non Gars 😍 c'est du lourd🔥🔥j'ai vraiment aimé ta vidéo on comprend en profondeur la notion de useEffect merci à toi si tu peux faire une playlists sur la dernière version de React avec ce qui a changé et aussi je ne sais pas si tu utilises NextJs j'ai remarqué que c'est beaucoup plus demandé actuellement par les entreprises donc stp si tu pouvais faire une playlist sur NextJs ça serai cool et encore une fois merci à toi pour tes vidéos ça aide beaucoup
Je suis en pleine reconversion professionnelle actuellement à la capsule. En ce moment nous sommes en plein sur react. Tu peux pas savoir à quel point tes vidéos me sauve sur la compréhension de react. J’en ai parlé à tout mon batch. Merci beaucoup videv 👏🏼. Happy Coding
Moi on me l'avait expliquer comme ça : useEffect est un hook qui prend un callback et un tableau de dépendances, le callback est appelé à l'initialisation et au changement du contenue de ce tableau de dépendances (comprendre à chaque rendu, on regarde si les dependances ont changé si c'est le cas execution). Le callback retourne un callback dit de nettoyage qui est appelé à la mort du composant. Parcontre j'avais pas ce system de double lecture en tête, j'en tiendrais compte.
J'ai sign up a la newsletter pour recevoir la fin de ton explication, quand est-ce que l'on recevra la suite ? Sinon continues, j'adore tes videos !!!!!
bjr merci A la29.21 quand tu mets compteurB dans le tableau de dépendance le componentdidupdate ne s affiche pas parce que il n'est pas dans la condition if du useeffect. Ai je bien compris? merci encore
En général ta fonction de getAPI serait asynchrone pour attendre la réponse du server avant la mise à jour du state qui contient l’état des datas .. On utilise surtout useEffect pour remettre à jour le composant afin d’afficher les nouvelles valeurs du state qui a été mis à jour par la réponse de la fonction getAPi Mais comme l’explique ViDev dans cette vidéo, si la mise à jour du state (l’appel de la fonction getAPI) est provoquée par un clique bouton, pas besoin de useEffect
34:54 Ahahaha cette scène la !! C’est ma préférée 😂😂😂 50:24 - les rules of hook pour se sujet consiste à ne pas utiliser le hook useEffect dans un if .. Mais utiliser un if dans un useEffect ne casse pas les rules of hook .. D’ailleurs Vi si t’as bien remarqué, lorsque tu respectes pas les règles des hooks, (qui sont listées dans la doc React) ça crée un crash du render .. donc tu es certains que tu le verras car c’est red flag dans la console et une page blanche lol
Bonne video mais il y a deux choses que je n'aime pas. D'une part on ne parle pas beaucoup de la cleanup fonction a la fin du useeffect notamment quand on fait u' fetch on que l'on doit utilisé le abort. Surtout que aujourd'hui il faut bien expliqué qu'il ne faut pas utiliser systèmatiquement le useeffect pour tout. Il fallait finir e' comparant le useeffect et le uselayouteffect
Et useLayoutEffect, c’est dit dans la doc officiel de react. T’en auras probablement jamais besoin. Alors pourquoi en parler ? Même toi, j’en suis sur que t’en as jamais eu besoin.
« Il faut bien expliquer qu’il ne pas utiliser le useEffect pour tout » mais sérieux, sois raisonnable. C’est dit dans les 8 premières secondes de la vidéo. Sois un minimum raisonnable dans ton commentaire.
La meilleur explication de la vie ,je regardais une vidéo de 1million et demi et en anglais et il parlait du mount aupdate et unmout du component mais ça expliquait pas aussi bien et en plus j'avais plein de questions en suspense et tu vien vi me sauver vraiment tu ma répondu a ttes mes questions de manière simple ,tu devrait nous faire des vidéos comme ça sur toutes les notions confuses sur les tous les reacts ,hooks ,sur react lui-même et même sur Javascript et je suis sur que ta chaine va décoller loin
Il est 06h30, je me réveille et je lis ce super commentaire venu de l'espace. Il me donne grave le sourire, merci Karim 🙏😃 Content de lire aussi que ça t'a débloqué sur useEffect. Ca marche, je vais voir pour refaire des formats comme ça 😊
Je t'assure vi frère on dirai que tu es entrer dans ma tête et t'as vue toutes les questions qu'ils y'avait, je commente rarement ,mais toi je commente toutes des vidéos , la première que j'ai découvert y'a environs 3 mois c'était celle de typescript et de suite je suis tomber amoureux de ta méthode de pédagogie, t'es pas Batman a la base , et tu c'est quoi je suis ingénieur en informatique à la base et depuis 2005 et la tes vidéos de react en 1h et typescript je les ai regarder 3 fois chaqu'une , enfin frère chapeau, je ne demande que de plus de vidéos bon continuation
Franchement mes respects 🙌 J'ai tellement galéré à comprendre les subtilités du comportement de ce useEffect ! Bien sûr qu'on en veut plus de ce format de vidéos mentoring 😇! Thanks a lot 😉
frero tu es le pire dev, aka le mec le moins étique du game, tu vend des formations "monitoring" à 2,4k€ (c'est le prix d'une ecole d'ingé privée à l'année mdrrr). "monitoring" : par un mec qui ne dev même pas les sites qu'il met en ligne(d'ailleur on ne sais meme pas si tu sais coder du react en dehors de todolist ou de counter), la qualitée de tes formations doit être à peu près similaire à la qualités des acteurs dans la vidéo et à la qualité des faux commentaires en dessous des formations, tu devrais avoir honte de vendre des "formations" à un prix pareils, à des pauvres gens. J'ai bon espoir que personne n'a acheté tes fichier webm et que tu es encore sur le Free tier de podia.
T’as du te tromper de chaîne RUclips toi, déjà la formation c’est 800€. Et la plupart des gens qui ont suivi sa formation son en CDI (moi compris) Vu qu’on est dans les suppositions je te répond donc avec une supposition de ton style ; tu dois être un prof de la capsule toi … 😂😂😂😂 Arrête de spam stp
@@Stefoux un iphone ou un fichier video de 5go, ptdrrr "juste 800€", udemy 13h de video => 15 balles. Tu me donnera le nom de la boite qui t a embauché que jla signal pour blanchiment d argent (j hesite là prc tu dois pas etre payé tre cher). 99.999% des boites (legales) embauche des gens diplômés, avec de l expérience. Donne moi 800e j t apprend le golang et le rust 😅
@@Kosmix franchement ne te lance pas dans l’analyse financière c’est tout ça que je te dis. Si Udemy créait des emplois ça ce saurait.. mais tranquille reste avec gogoland de ton côté .. moi j’ai payé sa formation il y a quelques années et aujourd’hui je suis lead .. donc tranquille pour toi si tu veux try hard sur Udemy et consorts 😂😂 C’est vrai qu’elle a augmenté sa formation niveau prix j’avais pas vu .. par rapport avant, mais combien sont aujourd’hui en poste … Jvais pas te donner mon salaire ici mais on est tous entre 40 et 85k dans notre ancien Discord … donc bon … Après je te répond car tu es rigolos mais je te préviens maintenant que je passerai pas la soirée à parler avec toi pour comparer les tailles de slips …
Dites moi si vous aimez ce format de vidéo mentoring et si vous voulez que je reproduis cela dans mes futurs vidéos :)
Moi j'ai adoré. C'est sans doute la meilleure vidéo à propos d'un hook react que j'ai suivi
@@jeanlerocher9919 Merci Jean !
Encore bravo pour ces explications incroyables!
Merci !!! ❤
Bon je viens de recevoir la notif !
Je vais bien visionner ça a la maison devant la citronnade 🍋
Merci Vi.
Mdr 😂
À la tienne 🍻
Super bien expliqué c'est maintenant j'ai très bien compris le fonctionnement de useEffect. 5 étoiles à toi. Une question, as-tu une formation complete en react ?
Yes, rentre ton email ici et tu auras tout ce qu'il faut sur la formation React où on va bien plus en profondeur : videv.podia.com/react-comme-un-pro-formation
Nous voulons la suite mon cher prof s'il vous plaît ❤
Bonjour, peut ton cree un useEffect juste pour la phase d'update du conposent ?
si t'en as vraiment besoin, oui. Sinon, essaie de voir si tu peux pas juste passer par un gestionnaire d'événement (handleClick, handleSubmit, handleChange, etc.)
Bonjour et merci pour cette vidéo, peut-on mettre une autre variable qu'un état dans le tableau de dépendances de UseEffect()?
Tu as regardé la vidéo jusqu'à la fin ? Tu as la réponse dedans.
@@videv9858 Oui je l'ai regardé, ça m'a peut-être échappé. Dans la vidéo, tu dis assez clairement qu'il faut que ce soit une valeur d'état qui soit utilisé dans le tableau de dépendance. Pourtant, j'ai déjà utilisé d'autres variables et notamment une variable générée par useParams() et cela fonctionne très bien. Attention, il est tout à fait possible voire très probable que je n'utilise pas les "bonnes pratiques".
Oui, je l ai regardé mais je pense qu il y a une nuance qui m échappe. Dans la vidéo, tu dis clairement qu il faut que ce soit une valeur d état. Pourtant, j utilise par exemple une valeur issue de useParams() dans mon tableau de dépendance de mon useEffect pour recharger des données à chaque fois que l utilisateur change de pages et ça marche très bien. Je ne sais pas si j utilise les bonnes pratiques pour autant.
@@videv9858 Bonjour Vi. Oui, j'ai bien regardé la video jusqu'à la fin. Tu dis très clairement qu'il faut mettre une variable d'Etat dans le tableau de dépendances. Pourtant, la fin de la video me fait penser différemment. Dans mon exemple, moi j'utilise const { id } = useParams() dans mon tableau de dépendances. Lorsque l'utilisateur change de page, id change et me permet de remettre les données de la page à jour. Cela fonctionne pas mais il est plus que probable que je n'utilise pas les "bonnes pratiques". Bonne journée (en espérant que ma réponse soit mise à jour)
@videv9858 Bonjour Vi. Oui, j'ai bien regardé la video jusqu'à la fin. Tu dis très clairement qu'il faut mettre une variable d'Etat dans le tableau de dépendances. Pourtant, la fin de la video me fait penser différemment. Dans mon exemple, moi j'utilise const { id } = useParams() dans mon tableau de dépendances. Lorsque l'utilisateur change de page, id change et me permet de remettre les données de la page à jour. Cela fonctionne pas mais il est plus que probable que je n'utilise pas les "bonnes pratiques". Bonne journée (en espérant que ma réponse soit mise à jour)
Meme chose pour usestate please
Je parle déjà de useState dans ma vidéo "React en 1h" sur youtube : ruclips.net/video/h2a0cSC1Vz8/видео.htmlsi=JvbyTv_FsXqGzVk8&t=629.
Du coup, sur quels points précisément de useState aimerais-tu que je fasse une vidéo ? Sur quoi tu as du mal ?
@@videv9858 dans les differents car un peu comme tu as fait avec useeffect, genre avec usestate comment recuperer les données d'un API,....
2:13 pourquoi on l’appel le riz render ? 🍚
Pour riz goler 🎉
@@PikminPiPi j’aime bien
C'est quoi ce délire de code qui s'exécute mais qui saute du code 😂😂😂
Déjà la "fonction flêche" s'appel une lambda. Toi qui dis aimer nommer les choses correctement... ça commence mal.
Ensuite, la lambda (de son petit nom savant "fonction non nommé") ou la fonction nommé passé à useEffect, est mémorisé par l'appelant, car useEffect n'est qu'une méthode qui va mémorisé dans l'objet de l'appelant une référence sur cette méthode.
Et pourquoi la lambda n'est pas appelé au "1er appel" ????
tout simplement parce qu'on ne fait que passer l'équivalant d'une adresse à useEffect et non une exécution.
C'est bon vous suivez ?!
Donc l'appelant, qui n'est autre qu'une machine à état qui exécute un "workflow" (oui moi aussi j'ai plein de mots savant 😂), à d'inscrit dans son comportement "quand le state change, si j'ai une référence de fonction mémorisé, alors j'appel l'exécution de cette référence".
Dingue !!! mais comment qu'il fait ça ?!
Hummmm je sais pas, avec un handler/event et du notification push qui va tester la variable private is _useEffet is not null then _useEffect()
¿? haaa bah ca semble pas mal 😂
Mais en AUCUN CAS LA METHODE OU CE TROUVE LE USEEFFECT N'EST RAPPELER EN SAUTANT DES LIGNES !!!!
C'est du pure délire.
Pour se faire prof d'info, il faut un minimum de sérieux, ou clairement l'afficher dans le titre.
Ouais, merci : grâce à toi, je préfère encore plus mon explication.
“C’est bon vous suivez !?” 👉 Non.
À ce stade là de ton "explication", personne ne te suit.
Personne ne te comprend. Personne. T’es tout seul.
Seul avec ton arrogance et ton jargon technique pompeux inutilement compliqué.
La "lambda". "Fonction non nommée". "L'appelant.". '"Workflow". "Notification push". "Variable private".
À quel moment tu crois 1 seconde et "sincèrement" que quelqu'un comprend ce que tu racontes ?
C'est encore pire si cette personne est débutante avec useEffect.
Et c'est pas en ricannant comme une hyène arrogante avec tes emojis que tu vas me faire croire que quelqu'un va piger ton "explication".
D’ailleurs, c’est pas une explication que tu donnes : c'est une démo.
Une démo de ton incompétence pédagogique et de ton manque d’empathie.
Avec ton commentaire, tu représentes tous les PIRES profs que j'ai pu avoir dans TOUTE ma vie et qui ont fait le formateur que je suis aujourd'hui.
Si tu ne devais retenir qu'une seule chose mec, retiens ça :
C’est À CAUSE de mecs sans empathie et arrogants comme toi que tant de gens abandonnent le dev.
C’est GRÂCE à des mecs sans empathie et arrogants comme toi que je suis devenu le formateur que je suis aujourd'hui.
Du coup, merci à toi.
Change rien mec, t'assures ❤
Bisou.
Tu as un jolie nom mais en te lisant je me dis que les sessions de brainstorming c’est mieux si tu les fais tout seul ..
.. Heureusement qu’il est pas prof lui.. il serait un prof lambda 😂😂
@@Stefoux hoooo il a enfin été faire une recherche google sur les lambda fonction.
Maintenant recherche "closure" parameter", mais le qi, pas sur que tu piege tou du con ;)
@@BrainStroming1789 maintenant TOI recherche : « comment avoir un cerveau et arrêter de répondre comme un demeuré ». Ça doit être le bon level de tuto pour toi. Et dès que t’as fini, retourne commenter sur les posts des autres vidéos et profite de ton weekend utilement au lieu d’insulter mes abonnés.
Merci pour cette vidéo c'est tellement plus clair le useEffect avec toi ^^
merci Remy ! 🙏😊
Bonjour vi, s'il te plait j'ai pas bien compris la réponse a la question : quelle est la différence entre onChange(), handleChange() et useEffect()?
Qu'est-ce qui déclenche un comportement ?
Si c'est une action de l'utilisateur (ex: la saisie d'un formulaire) ==> alors utilise l'événement onChange auquel tu branches un comportement handleChange().
Si c'est un changement de state (ex: "compteurState") ==> alors utilise useEffect() et tu mets "compteurState" dans le tableau de dépendances.
On veut plus ++++++ ce genre de format widev 🥰 tu est un grand prof
widev == oui dev
Merci pour cette vidéo Vi !
J'espère qu'il y aura aussi une vidéo qui traitera de Redux dans l'avenir 😁
Oui c'est prévu ❤️
Peux tu me dire ce sur quoi tu as des blocages / difficultés avec Redux qui fait que t'aurais besoin de Redux ? comme ça je sais ce sur quoi j'ai besoin d'insister 💯
@@videv9858 J'ai compris le principe de Redux en lui même mais c'est plus côté code où c'est complexe de tout comprendre 🥲
A quoi sert un Reducer, comment on fait pour le mettre en place ?
Peut on avoir plusieurs Reducers ?
A propos des actions, faut-il les mettre dans le même fichier que le Reducer ?
Quelles sont les best practices que ça soit au niveau de l'organisions du code ?
Quelles sont les thermes techniques à connaitre ?
Comme playload, provider, store, middleware, useSelector, dispatch etc
Et pourquoi on recommande d'utiliser Redux Toolkit à la place de Redux ?
Il y a-t-il des outils comme les extensions de navigateur qui peuvent être utile tel que Redux DevTools, comment ça marche et à quoi ça peut servir ?
Peut-on utiliser useState en plus de Redux ?
Peut on utiliser que des useState à certain moment ? (si une props est utile qu'à son composant enfant et nul par ailleurs)
Ou est-il préférable de tout centraliser dans le store ?
J'ai encore beaucoup de questions mais déjà là il y en a pas mal, il se peut que mes questions soient incohérente car je suis toujours en apprentissage sur Redux 😭
Non Gars 😍 c'est du lourd🔥🔥j'ai vraiment aimé ta vidéo on comprend en profondeur la notion de useEffect merci à toi si tu peux faire une playlists sur la dernière version de React avec ce qui a changé et aussi je ne sais pas si tu utilises NextJs j'ai remarqué que c'est beaucoup plus demandé actuellement par les entreprises donc stp si tu pouvais faire une playlist sur NextJs ça serai cool et encore une fois merci à toi pour tes vidéos ça aide beaucoup
grace à toi j'ai bien compris le concept des useEffects et du re-render / render souvent ça fatigue en réact 😪
Merci Emmanuel ❤
Je m'abonne !
J'aime bien ta façon d'expliquer
Merci Moustapha 🙌 😃
Salut ViDev ! Tu fais du mentoring ? 😱 Comment en bénéficier si jamais c’est possible ? 🙂
Va sur cette page : videv.podia.com/react-comme-un-pro-formation. Entre ton email et t'auras toutes les infos dont tu as besoin :)
Trés pédagogue, il y a l'information mais pas que, y a la manière aussi, et c'est ce qui fait perdurer l'info dans le cerveau .. Merci 👌
T'as pas idée comment ton commentaire m'a fait plaisir Waly. Merci 🙏
Je suis en pleine reconversion professionnelle actuellement à la capsule. En ce moment nous sommes en plein sur react. Tu peux pas savoir à quel point tes vidéos me sauve sur la compréhension de react. J’en ai parlé à tout mon batch. Merci beaucoup videv 👏🏼. Happy Coding
Hahaha c'est gentil ! Merci pour ton commentaire. C'est un grand plaisir si mes vidéos t'aident. La suite arrive ! :))
@@videv9858 👏
Moi on me l'avait expliquer comme ça : useEffect est un hook qui prend un callback et un tableau de dépendances, le callback est appelé à l'initialisation et au changement du contenue de ce tableau de dépendances (comprendre à chaque rendu, on regarde si les dependances ont changé si c'est le cas execution). Le callback retourne un callback dit de nettoyage qui est appelé à la mort du composant.
Parcontre j'avais pas ce system de double lecture en tête, j'en tiendrais compte.
c'est presque exact. La clean up function (callback de nettoyage) est appelée "juste avant" (et pas "à") la mort du composant
J'ai sign up a la newsletter pour recevoir la fin de ton explication, quand est-ce que l'on recevra la suite ?
Sinon continues, j'adore tes videos !!!!!
Avec de la chance la semaine qui arrive si j’arrive à tout boucler ahhah
Question : t’as pas trouvé ça trop long 52 min ? 👀
bjr merci A la29.21 quand tu mets compteurB dans le tableau de dépendance le componentdidupdate ne s affiche pas parce que il n'est pas dans la condition if du useeffect. Ai je bien compris? merci encore
Yes et aussi parce que c'est une variable "Let" (qui, donc, n'est jamais "surveillé" par useEffect)
Merci. petite question je croyais qu on faisait appel à useEffect cat on appelait une API et donc qu on faisait de l asynchrone.
En général ta fonction de getAPI serait asynchrone pour attendre la réponse du server avant la mise à jour du state qui contient l’état des datas ..
On utilise surtout useEffect pour remettre à jour le composant afin d’afficher les nouvelles valeurs du state qui a été mis à jour par la réponse de la fonction getAPi
Mais comme l’explique ViDev dans cette vidéo, si la mise à jour du state (l’appel de la fonction getAPI) est provoquée par un clique bouton, pas besoin de useEffect
C'est une masterClass, j'avais jamais compris useEffect de cette façon
hahah merci ! et oui, les premières secondes dela vidéo disaient vrai ! :))
Merci beaucoup pour cette vidéo, l'explication est vraiment claire
Merci pour ton commentaire 😊
34:54 Ahahaha cette scène la !! C’est ma préférée 😂😂😂
50:24 - les rules of hook pour se sujet consiste à ne pas utiliser le hook useEffect dans un if ..
Mais utiliser un if dans un useEffect ne casse pas les rules of hook ..
D’ailleurs Vi si t’as bien remarqué, lorsque tu respectes pas les règles des hooks, (qui sont listées dans la doc React) ça crée un crash du render .. donc tu es certains que tu le verras car c’est red flag dans la console et une page blanche lol
Toi ça se voit que t'es un vrai dev en poste 💯
@@videv9858 J’ai été bien formé tkt 😅
@@videv9858 mdr et l’élève a dépassé le maître 😏
Bonjour pourquoi il y a 2 niveaux de lecture? merci encore
C'est car l'équipe React a prévu ce comportement qui répond à un besoins des développeurs React
Je comprends pourquoi à chaque fois que je fais un console log du state je récupère deux fois la même information
Tkt, moi aussi j'ai eu ce moment de prise de conscience hahaha
Attention ça peut être le strict mode aussi qui provoque ça 😅
@@Stefoux ah bien joué, aussi ! T’es fort toi Stéfoux ! Tu devrais t’appeler : « Stéfort »
@@videv9858😂
@@adambates1333 je vais te passer le microphone 🎤
Bonne video mais il y a deux choses que je n'aime pas. D'une part on ne parle pas beaucoup de la cleanup fonction a la fin du useeffect notamment quand on fait u' fetch on que l'on doit utilisé le abort. Surtout que aujourd'hui il faut bien expliqué qu'il ne faut pas utiliser systèmatiquement le useeffect pour tout. Il fallait finir e' comparant le useeffect et le uselayouteffect
C’est évident que tu n’as pas regardé la vidéo jusqu’à la fin.
Et useLayoutEffect, c’est dit dans la doc officiel de react. T’en auras probablement jamais besoin. Alors pourquoi en parler ? Même toi, j’en suis sur que t’en as jamais eu besoin.
« Il faut bien expliquer qu’il ne pas utiliser le useEffect pour tout » mais sérieux, sois raisonnable. C’est dit dans les 8 premières secondes de la vidéo. Sois un minimum raisonnable dans ton commentaire.
Je viens de la finir effectivement.
Wouah lala ça y est le mec veut ma peau maintenant mdr.
Par contre la cleanup fonction, c'est très important car elle nettoie le useeffect, sinon il y a deux la data est renvoyée deux fois.
tu vas dans le détail c'est cool. Merci
Tkt, on l'a décortiqué notre useEffect() #chirurgien
Super video
Merciii 🙏 😊
La meilleur explication de la vie ,je regardais une vidéo de 1million et demi et en anglais et il parlait du mount aupdate et unmout du component mais ça expliquait pas aussi bien et en plus j'avais plein de questions en suspense et tu vien vi me sauver vraiment tu ma répondu a ttes mes questions de manière simple ,tu devrait nous faire des vidéos comme ça sur toutes les notions confuses sur les tous les reacts ,hooks ,sur react lui-même et même sur Javascript et je suis sur que ta chaine va décoller loin
Il est 06h30, je me réveille et je lis ce super commentaire venu de l'espace. Il me donne grave le sourire, merci Karim 🙏😃 Content de lire aussi que ça t'a débloqué sur useEffect. Ca marche, je vais voir pour refaire des formats comme ça 😊
Du coup, t'avais pleins de questions en 🥁
Je t'assure vi frère on dirai que tu es entrer dans ma tête et t'as vue toutes les questions qu'ils y'avait, je commente rarement ,mais toi je commente toutes des vidéos , la première que j'ai découvert y'a environs 3 mois c'était celle de typescript et de suite je suis tomber amoureux de ta méthode de pédagogie, t'es pas Batman a la base , et tu c'est quoi je suis ingénieur en informatique à la base et depuis 2005 et la tes vidéos de react en 1h et typescript je les ai regarder 3 fois chaqu'une , enfin frère chapeau, je ne demande que de plus de vidéos bon continuation
@@videv9858avec plaisir frère
@@videv9858ah maintenant useEffect()=>{useMemo(affaireClasseé), [hhhh] },merci vi
Grand merci 🎉
Merci pour ton commentaire :)
Franchement mes respects 🙌
J'ai tellement galéré à comprendre les subtilités du comportement de ce useEffect !
Bien sûr qu'on en veut plus de ce format de vidéos mentoring 😇!
Thanks a lot 😉
Merci pour ton commentaire ! Yes, je note ✍
Franchement c'est une masterclass , merci infiniment
Merci à toi pour ton commentaire sympa 😊
Le retour du chinois, trop bien.
Oh le retour du belge !! 🎉
C'est très moyen ton commentaire. J'étais habitué à des commentaires plus respectueux venant de toi.
@@videv9858 pardon je m'excuse. Tu m'as beaucoup aidé avec tes vidéos, il faut pas faire l'ingrat j'avoue.
@@kenshinhimura3140 merci ce message, j’apprécie.
frero tu es le pire dev, aka le mec le moins étique du game, tu vend des formations "monitoring" à 2,4k€ (c'est le prix d'une ecole d'ingé privée à l'année mdrrr). "monitoring" : par un mec qui ne dev même pas les sites qu'il met en ligne(d'ailleur on ne sais meme pas si tu sais coder du react en dehors de todolist ou de counter), la qualitée de tes formations doit être à peu près similaire à la qualités des acteurs dans la vidéo et à la qualité des faux commentaires en dessous des formations, tu devrais avoir honte de vendre des "formations" à un prix pareils, à des pauvres gens. J'ai bon espoir que personne n'a acheté tes fichier webm et que tu es encore sur le Free tier de podia.
T’as du te tromper de chaîne RUclips toi, déjà la formation c’est 800€. Et la plupart des gens qui ont suivi sa formation son en CDI (moi compris)
Vu qu’on est dans les suppositions je te répond donc avec une supposition de ton style ; tu dois être un prof de la capsule toi … 😂😂😂😂
Arrête de spam stp
Mdrr tu tire a balle réelle j’aime bien 😂😂
@@Stefouxon sait que c’est ton deuxième compte videv arrête
@@Stefoux un iphone ou un fichier video de 5go, ptdrrr "juste 800€", udemy 13h de video => 15 balles. Tu me donnera le nom de la boite qui t a embauché que jla signal pour blanchiment d argent (j hesite là prc tu dois pas etre payé tre cher). 99.999% des boites (legales) embauche des gens diplômés, avec de l expérience. Donne moi 800e j t apprend le golang et le rust 😅
@@Kosmix franchement ne te lance pas dans l’analyse financière c’est tout ça que je te dis. Si Udemy créait des emplois ça ce saurait.. mais tranquille reste avec gogoland de ton côté .. moi j’ai payé sa formation il y a quelques années et aujourd’hui je suis lead .. donc tranquille pour toi si tu veux try hard sur Udemy et consorts 😂😂
C’est vrai qu’elle a augmenté sa formation niveau prix j’avais pas vu .. par rapport avant, mais combien sont aujourd’hui en poste …
Jvais pas te donner mon salaire ici mais on est tous entre 40 et 85k dans notre ancien Discord … donc bon …
Après je te répond car tu es rigolos mais je te préviens maintenant que je passerai pas la soirée à parler avec toi pour comparer les tailles de slips …