Loading...
Loading...
Error
Oops! Something went wrong
21. Debouncing and Throttling Techniques for Vue
Speed
Speed
Quality
Quality
Captions
Captions
media loading
Play
Pause
10
Seek backward
Rewind 10s
Play
Pause
Play
Play
Pause
Pause
20
Seek forward
Forward 20s
Mute
Unmute
Volume High
Volume Low
Volume Low
Mute
Mute
Unmute
0:00
0:00
Start casting
Stop casting
Chapters
Chapters
Introduction to Debouncing and Throttling
00:00
Normal Mouse Events
00:14
Understanding Debouncing
00:27
How Debounce Works
00:49
Debouncing Use Cases
01:02
Understanding Throttling
01:19
Throttling Use Cases
01:43
Debouncing in a Realistic Vue Scenario
01:56
API Fetching and Querying
02:13
Problem: Unnecessary API Requests
02:46
Solution: Debouncing the Query
03:18
Implementing `watchDebounced`
03:41
Demonstrating `watchDebounced` Effectiveness
04:11
Perfect Use Case for Debouncing
04:49
Debouncing in a Nuxt Application
04:54
Implementing `refDebounced`
05:13
How `refDebounced` Works
05:35
Adding Debounced Query as Dependency
06:06
Demonstrating `refDebounced` in Nuxt
06:19
Preventing API Hammering
06:37
Throttled Functions and Community Input
06:48
Enable captions
Disable captions
Enable Captions
Enable captions
Disable Captions
Disable captions
Settings
Settings
Settings
Enter fullscreen mode
Exit fullscreen mode
Fullscreen
Enter fullscreen
Exit Fullscreen
Exit fullscreen
