Comprendre le hook useEffect de React
HTML-код
- Опубликовано: 22 июл 2023
- Dans cette vidéo je t'explique en détails le fonctionnement du hook useEffect de React. Pour bien le comprendre, il faut avant tout comprendre le cycle de vie des composants.
En bonus, je te montre comment faire des requêtes API avec React grâce à useEffect.
Bon visionnage !
• Comprendre le hook use...
⚛️ Rejoins le serveur Discord d’Atomic React:
/ discord
⚛️ La plateforme de cours Atomic React:
www.atomic-react.com/
#reactjs #reactjsdeveloper #reactjstutorial #javascript #js #reacthooks 
Наука
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.
Bonjour,
Merci, merci, merci....
Je découvre React et jusqu'ici, j'avais rien capté à usEffect !
Très bonne vidéo...
J’ai enfin compris en vrai comment fonctionne Useeffect... Merci
Très très bien les vidéos ! Explications claires, débit de parole calme, bonne longueur de vidéo. Bravo !
Je valide ! ;)
Très bien expliqué !!!
C'est cool d'analyser le comportement en détail du hook. Très instructif continue stp❤
Waou super merci, depuis le temps que je cherchais une video claire qui explique bien.
Merci
Super comme video. L'utilisation des hooks n'est pas simple de comprendre. Avec de bonnes explications, la compréhension est facilité. Merci
Bravo pour les explications ! 👍
Génial la video! super bien éxpliqué merci pour le partage
Top ton explication !! surtout que au début tu donnes des exemples que n'importe qui peut comprendre c'est parfait !
Très instructif comme vidéo.
Toujours aussi top, et le format 20 min est très bien, ça laisse bien le temps de comprendre ! Beau travail et merci !
Merci à toi 😊
Tu fais les meilleurs tutos
Superbe vidéo continue avec tout les hooks tu gere :)
Merci beaucoup!
Super merci 👏🙏, le USEREF stp 🙏
te le meilleur merci
Merci infiniment 🫵🏾👍🏾
Merciiiii !!!
Tes incroyable, meiux sue tt les videos des autres ytb francais
Top 👍👍👍
React en feu
Du vrai b…..be atomique
Excellent 🤗🤗
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
J'ai vu ton commentaire et useReducer sort demain ! 😉
Je ferai useMemo un peu plus tard 😁
Un réel don pour la pédagogie
Merci!
super vidéo.
Tu pourrais parler du useRef et useMemo
Tu as déjà remarqué que la vidéo sur useMemo est sortie. Celle sur useRef est en cours de préparation 😉
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.
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
@@smithjohn2367 Merci pour ton retour. Prenons l'exemple d'une app d'e-commerce, tu me conseilles RTK ?
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...
Très clair et très complet. useReducer ?
Aller je prépare ça 👌
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.
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 😉
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 !! 😢
Du coup je pense que tu as la réponse à ta question apres 4 mois lol.
Salut tu peux expliquer stp useRef je ne le comprends pas merci 🙏🏾