Hook traps: UseEffect and Stale Closures
I really like hooks: It has an elegant API that is simple to use, declarative, easy to abstract & Reuse. But still, you can get yourself in a trap in some cases: Stale closures are an example. They happen when your useEffect or other hook is seeing older versions of your props and state, usually when you're doing something asynchronous (like an event or a timer).
In this video, I show three examples of stale closures and how to deal with them properly using:
• The useEffect's dependency array
• useState setter in a functional format
• using a ref instead of a piece of state
Watch video Hook traps: UseEffect and Stale Closures online without registration, duration hours minute second in high quality. This video was added by user Zen of Coding 24 February 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 7,047 once and liked it 294 people.