Challenge: Create a Skeleton Loader
Your turn! Apply what you've just learned by refactoring the <LatestInvoices>
component.
- Move the
fetchLatestInvoices()
function down from the page to the<LatestInvoices>
component; - Surround the component with a
<Suspense>
boundary, providing a fallback called<LatestInvoicesSkeleton>
.
In Practice
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 5. Розділ 7
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
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.08
Challenge: Create a Skeleton Loader
Свайпніть щоб показати меню
Your turn! Apply what you've just learned by refactoring the <LatestInvoices>
component.
- Move the
fetchLatestInvoices()
function down from the page to the<LatestInvoices>
component; - Surround the component with a
<Suspense>
boundary, providing a fallback called<LatestInvoicesSkeleton>
.
In Practice
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 5. Розділ 7