Comprendre le hook useEffect de React

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 พ.ย. 2024

ความคิดเห็น • 47

  • @unodwicho
    @unodwicho 13 วันที่ผ่านมา

    Ta pédago est vraiment au top ! Je suis en train de suivre un bootcamp et ça fait 2 jours que je copie-colle du useEffect à l'arrache sans vraiment comprendre pourquoi et maintenant c'est beaucoup plus clair, tu me sauves la vie haha

  • @blr5538
    @blr5538 ปีที่แล้ว +2

    Très très bien les vidéos ! Explications claires, débit de parole calme, bonne longueur de vidéo. Bravo !

    • @Sql37
      @Sql37 ปีที่แล้ว

      Je valide ! ;)

  • @fredericrannou7982
    @fredericrannou7982 หลายเดือนก่อน

    Super clair et didactique ta série de vidéo sur les hooks, merci beaucoup.

  • @LaurentDaleo
    @LaurentDaleo 5 หลายเดือนก่อน +1

    Vraiment bravo pour ta pédagogie , le choix de tes exemples et leur mise en situation, quand on explique les choses de cette manière tout est beaucoup plus clair, je me suis abonné tout de suite à ta chaine.

  • @frantzcaliste6942
    @frantzcaliste6942 หลายเดือนก่อน

    Merci pour cette vidéo pour comprendre le useEffect

  • @samsamou8
    @samsamou8 9 หลายเดือนก่อน

    Waou super merci, depuis le temps que je cherchais une video claire qui explique bien.
    Merci

  • @jeanlerocher9919
    @jeanlerocher9919 9 หลายเดือนก่อน

    C'est cool d'analyser le comportement en détail du hook. Très instructif continue stp❤

  • @adibout7684
    @adibout7684 10 หลายเดือนก่อน

    Super comme video. L'utilisation des hooks n'est pas simple de comprendre. Avec de bonnes explications, la compréhension est facilité. Merci

  • @escaravagedaniel7400
    @escaravagedaniel7400 ปีที่แล้ว

    Top ton explication !! surtout que au début tu donnes des exemples que n'importe qui peut comprendre c'est parfait !

  • @gautekillfr5344
    @gautekillfr5344 ปีที่แล้ว

    Toujours aussi top, et le format 20 min est très bien, ça laisse bien le temps de comprendre ! Beau travail et merci !

  • @otischamp
    @otischamp 8 หลายเดือนก่อน

    Génial la video! super bien éxpliqué merci pour le partage

  • @joantsyn7578
    @joantsyn7578 6 หลายเดือนก่อน

    Bravo pour les explications ! 👍

  • @stephanechaffre7451
    @stephanechaffre7451 9 หลายเดือนก่อน

    Très instructif comme vidéo.

  • @novazenith4990
    @novazenith4990 10 หลายเดือนก่อน

    Tu fais les meilleurs tutos

  • @guillaumedurant7647
    @guillaumedurant7647 5 หลายเดือนก่อน +1

    Bonjour,
    Merci, merci, merci....
    Je découvre React et jusqu'ici, j'avais rien capté à usEffect !

  • @jude_music
    @jude_music 6 หลายเดือนก่อน

    Très bien expliqué !!!

  • @Maertaugh
    @Maertaugh 6 หลายเดือนก่อน +1

    J’ai enfin compris en vrai comment fonctionne Useeffect... Merci

  • @MrNesCod
    @MrNesCod ปีที่แล้ว

    Superbe vidéo continue avec tout les hooks tu gere :)

  • @sylvestreahlonsou5376
    @sylvestreahlonsou5376 5 หลายเดือนก่อน +1

    Très bonne vidéo...

  • @magrigsdesign8469
    @magrigsdesign8469 11 หลายเดือนก่อน

    te le meilleur merci

  • @Deeloveya
    @Deeloveya ปีที่แล้ว

    Merci infiniment 🫵🏾👍🏾

  • @DZeRTEAGLE
    @DZeRTEAGLE ปีที่แล้ว

    Un réel don pour la pédagogie

  • @kesraouimohamed9611
    @kesraouimohamed9611 ปีที่แล้ว

    Tes incroyable, meiux sue tt les videos des autres ytb francais

  • @syfu18k53
    @syfu18k53 ปีที่แล้ว

    Merciiiii !!!

  • @cesarnowicki5296
    @cesarnowicki5296 ปีที่แล้ว

    Vraiment énorme tes explications , j'adore ton contenu. Peut être expliquer qu'il faut eviter de mettre changer un même state , dans des useEffects différent aussi ( erreur que j'ai trop commis ^^), useMemo ou useReducer pour le prochain

    • @atomicreact
      @atomicreact  ปีที่แล้ว +1

      J'ai vu ton commentaire et useReducer sort demain ! 😉
      Je ferai useMemo un peu plus tard 😁

  • @Soufiane2
    @Soufiane2 ปีที่แล้ว

    C'est la meilleure chaine qui explique React, milles mercis à toi l'ami. Une petite question s'il vous plaît: En ce qui concerne le state management, vous pensez que Redux Toolkit est indispensable de nos jours ou bien useContext est largement suffisant? Merci.

    • @smithjohn2367
      @smithjohn2367 ปีที่แล้ว +1

      Tout dépend de ton app en faite. RTK n'est pas obligatoire, l'API Context fait bien le job mais ta aussi des libs comme Zustend qui font tres bien le boulot

    • @Soufiane2
      @Soufiane2 ปีที่แล้ว

      @@smithjohn2367 Merci pour ton retour. Prenons l'exemple d'une app d'e-commerce, tu me conseilles RTK ?

    • @atomicreact
      @atomicreact  ปีที่แล้ว

      Les outils de state management sont largement optionnels. Personnellement, je fais mon maximum pour ne jamais en utiliser. Je trouve que ça complexifie le code et que ça l'alourdi (dans le sens premier du terme, les librairies pèsent lourd!)
      Il faut vraiment que mes contextes soient complexes et que j'ai des problématiques de rendu importantes pour utiliser une librairie de state management.
      Elles sont trop souvent utilisées à tord et à travers. Mais j'ai vu des grosses applications très bien fonctionner sans ce genre de librairies. Si les contextes sont bien maitrisés, alors les raisons d'utiliser une librairie comme RTK sont peu nombreuses.
      Mais je te recommande quand même d'apprendre une librairie de state management car beaucoup d'entreprises en demandent, même si elles n'en ont pas besoin...

  • @manouhaouzi2530
    @manouhaouzi2530 ปีที่แล้ว

    Top 👍👍👍

  • @ertholinulysse4054
    @ertholinulysse4054 5 หลายเดือนก่อน

    React en feu
    Du vrai b…..be atomique
    Excellent 🤗🤗

  • @CoulibalyCheickMohamed
    @CoulibalyCheickMohamed 5 หลายเดือนก่อน

    Super merci 👏🙏, le USEREF stp 🙏

  • @thebenefitsofmeditation.9308
    @thebenefitsofmeditation.9308 ปีที่แล้ว

    super vidéo.
    Tu pourrais parler du useRef et useMemo

    • @atomicreact
      @atomicreact  ปีที่แล้ว

      Tu as déjà remarqué que la vidéo sur useMemo est sortie. Celle sur useRef est en cours de préparation 😉

  • @gillesa290
    @gillesa290 ปีที่แล้ว

    Très clair et très complet. useReducer ?

    • @atomicreact
      @atomicreact  ปีที่แล้ว +2

      Aller je prépare ça 👌

  • @NANS05
    @NANS05 9 หลายเดือนก่อน

    Super ton explication par contre je ne comprend pas pourquoi dans ton cas tu n'a pas l useEffect qui s'exécute deux fois lorsque tu met une tableau de dépendance vide, et également une erreur de eslint qui demande de mettre setArticle dans le tableau de dépendance. Je sais pas si tu vois ce que je veux dire demande moi si tu veux que je sois plus précis car j'ai vraiment envie de comprendre. En tout cas merci pour toutes tes vidéos continue comme ca c'est trop cool.

    • @atomicreact
      @atomicreact  8 หลายเดือนก่อน

      useEffect s'exécute deux fois à cause du strict mode. C'est normal en mode dev.
      Pour ESLint, je te laisse jeter un oeil à la doc et apporter les modifications qui te conviendront. Sinon il va falloir patienter le temps que je fasse des vidéos pour expliquer tout ça en détail 😉

  • @jeeve
    @jeeve ปีที่แล้ว

    Merci beaucoup pour ces explications. Par contre je ne comprends pas j'ai un useEffect(() => {
    const interval = setInterval(() => {
    switch (displacement) {
    case "left": {
    ...
    }, init.speed);
    return () => {
    clearInterval(interval);
    };
    }, []);
    en fait la fonction dans le setinterval ne voit pas le changement d'etat de displacement !! 😢

    • @stephenranaud9420
      @stephenranaud9420 8 หลายเดือนก่อน

      Du coup je pense que tu as la réponse à ta question apres 4 mois lol.

  • @AlWeb-s6f
    @AlWeb-s6f ปีที่แล้ว

    Salut tu peux expliquer stp useRef je ne le comprends pas merci 🙏🏾