Uitdaging: Maak een Skeletloader
Jouw beurt! Pas toe wat je zojuist hebt geleerd door de <LatestInvoices>-component te refactoren.
- Verplaats de functie
fetchLatestInvoices()van de pagina naar de<LatestInvoices>-component; - Omring de component met een
<Suspense>-boundary en geef een fallback genaamd<LatestInvoicesSkeleton>op.
In de praktijk
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 5. Hoofdstuk 7
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Suggested prompts:
Can you explain why we use Suspense with the LatestInvoices component?
What does the LatestInvoicesSkeleton fallback do?
How does moving fetchLatestInvoices into the component improve the code?
Awesome!
Completion rate improved to 2.08Uitdaging: Maak een Skeletloader
Veeg om het menu te tonen
Jouw beurt! Pas toe wat je zojuist hebt geleerd door de <LatestInvoices>-component te refactoren.
- Verplaats de functie
fetchLatestInvoices()van de pagina naar de<LatestInvoices>-component; - Omring de component met een
<Suspense>-boundary en geef een fallback genaamd<LatestInvoicesSkeleton>op.
In de praktijk
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 5. Hoofdstuk 7
