Asynchronous tasks inside React.useEffect can create Stale Closure BUGS!

Publié le: 28 septembre 2020
sur la chaîne: Joel Codes
2,752
164

Stale closures can catch you off guard when using React.useEffect. In this video I will demonstrate what the bugs are, explain why they happen and also provide solutions to how to solve them.

Be Cautious of React.useEffect Race Condition Bugs:
   • Be Cautious of React.useEffect Race Condit...  

Subscribe to my mailing list: https://joel.net

Twitter:   / joelnet  
Dev.to: https://dev.to/joelnet
Medium:   / joelthoms  

0:20 Thanks to New Subscribers
0:40 What is a State Closure Bug?
1:05 What does this code do?
1:45 Why does this Stale Closure Bug happen?
2:10 Recommended way to set the State
2:40 Conditionally updating values
3:39 Add variables as a dependency to React.useEffect
4:09 The SOLUTION is to use useRef
6:03 Recap of the solution
6:56 Some quick TIPS
7:37 SUBSCRIBE!
7:49 Dumpling!!!


Sur cette page du site, vous pouvez voir la vidéo en ligne Asynchronous tasks inside React.useEffect can create Stale Closure BUGS! durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Joel Codes 28 septembre 2020, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 2,752 fois et il a aimé 164 téléspectateurs. Bon visionnage!