Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele 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

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 5. Luku 7

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Awesome!

Completion rate improved to 2.08

bookChallenge: Create a Skeleton Loader

Pyyhkäise näyttääksesi valikon

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

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 5. Luku 7
some-alt