Why Build a DataLoader Component?
2:41
The Basic DataLoader Component
9:00
Exercise 1 - Custom Authentication
0:42
Exercise 1 Solution
1:07
Debouncing API Calls (updated)
5:12
The Loading State
3:29
Exercise 2 - Spinner Plus
1:37
Exercise 2 Solution
1:26
The Error State
3:41
DataLoader Component Conclusion
1:10
0% done with Advanced Components - Slots III (DataLoader Component)

Chapter 3 of 5 in Advanced Components: Slots
Why Build a DataLoader Component?

In this course we'll be using advanced Components and Slots knowledge to build the DataLoader Component.

The DataLoader Component itself is really cool and useful, but it does occupy a similar range of use-cases as the Suspense Component that's coming in Vue 3.

So why build it?

The two components do have slightly different use cases, and this component does have some debouncing and error handling functionality that I don't think Suspense possesses, but the biggest reason doesn't have to do with the component itself.

Taking this course will enhance you thinking and help you add new tactics to your mental toolkit - tactics that you can use while building components that have nothing to do with loading data.

What do others think of VueScreencasts?
"I didn't even think about passing functions down through props to use dynamically until you got there. Another great video, Jeff."
—sdguy 1
"Awesome video! Easy to follow along with a lot of explanation into whats happening! Thanks a ton!"
—Ritika Singh
"Really enjoying these, thank you!"
—Lars Sørensen
"Dude, it's an excellent video. Soothing voice, extensive and crystal clear explanations, troubleshooting common issues... You do it and you do it well. Keep up the good work & congratulations :-) Subscribed without the slightest hesitation"
—BillyBobBonnet
Take your career to the next level