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?
"Really appreciate it! You're a good tutor."
—Ous
"Great series!"
—Milan Zigmond
"This is an amazing tutorial, especially for beginners. I love how you even go through the package.json. Nice work!"
—Jin Tak
"great explanation! thank you!!!"
—Elizaveta Voloskova
Take your career to the next level