Stale Closures: Closures captured within hooks can lead to unexpected behaviour, especially in callbacks and effects. To avoid this, use the useCallback and useEffect dependency arrays properly.
Infinite Rerenders: Incorrectly updating state within an effect or using a hook inside a loop can lead to infinite re-renders. Ensure that you have proper dependencies and conditions in your effects.
Memory Leaks: Not cleaning up effects can lead to memory leaks. Make sure to return cleanup functions from your effects when needed.
Async Effects: When using asynchronous operations inside effects, ensure that you handle the cleanup correctly, cancelling any ongoing operations if the component unmounts.
0-2 years experience
Conditional Hooks: Conditionally calling hooks can violate the rules of hooks. Instead, use conditional logic within hooks to handle different cases.
5-8 years experience
8+ years experience
