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
DataLoader Component Conclusion

We're done creating our DataLoader Component!

We've built something that can save a lot of code and provide some nice defaults for the error and loading states, while letting the developer customize the parts they want.

Even more importantly, we've seen a way that data can flow, determining the state of the component and then being outputted for custom display.

What do others think of VueScreencasts?
"This is an amazing tutorial, especially for beginners. I love how you even go through the package.json. Nice work!"
—Jin Tak
"Thank you for this!!!"
—Cyrus Besabella
"Thanks Jeffrey, great lessons with so much content and new concepts! Can't wait for the next ones."
—Bairre G
"I like the way you explain and teach, also your enunciation is incredible for us 'non native' english persons, everything is so enjoyable... Thank you for putting so much effort and time into making this video knowledge."
—@awa_it_
Take your career to the next level