Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте 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

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 5. Розділ 7

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

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

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

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 5. Розділ 7
some-alt