New React 18 hooks useDeferredValue and useTransition and use Transition. This article explains the new hooks and compares them to throttle and debounce functions. We will also look at what throttling and Debounce actually means and how they differ from each other. The lines labeled regular represents when the function is being called.
Table of contents
In This ArticleuseThrottledFunction HookuseThrottledValue HookuseDeferredValue and useTransitionWhat is Throttle and Debounce?Throttle vs New React 18 HooksWhen Not To Use useThrottledFunction or useThrottledValueWhen To Use useThrottledFunction and useThrottledValueuseThrottledValue ImplementationuseThrottledFunction ImplementationExamplesSummaryWhere To Learn MoreDennis Persson Follow1 Impression1 Comment