Asynchronous tasks inside React.useEffect can create Stale Closure BUGS!
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!!!
On this page of the site you can watch the video online Asynchronous tasks inside React.useEffect can create Stale Closure BUGS! with a duration of hours minute second in good quality, which was uploaded by the user Joel Codes 28 September 2020, share the link with friends and acquaintances, this video has already been watched 2,752 times on youtube and it was liked by 164 viewers. Enjoy your viewing!
