Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Challenge: Create a Skeleton Loader | Fetching and Displaying Data in Next.js
Next.js 14 Mastery for Building Modern Web Apps

bookChallenge: Create a Skeleton Loader

Your turn! Apply what you've just learned by refactoring the <LatestInvoices> component.

  1. Move the fetchLatestInvoices() function down from the page to the <LatestInvoices> component;
  2. Surround the component with a <Suspense> boundary, providing a fallback called <LatestInvoicesSkeleton>.

In Practice

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 7

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Awesome!

Completion rate improved to 2.08

bookChallenge: Create a Skeleton Loader

Svep för att visa menyn

Your turn! Apply what you've just learned by refactoring the <LatestInvoices> component.

  1. Move the fetchLatestInvoices() function down from the page to the <LatestInvoices> component;
  2. Surround the component with a <Suspense> boundary, providing a fallback called <LatestInvoicesSkeleton>.

In Practice

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 7
some-alt