Next.jsmedium

Co to jest `loading.tsx` w App Router i jak się ma do streamingu?

Tagi

#nextjs#loading#suspense#streaming

Odpowiedź

`loading.tsx` dostarcza UI ładowania dla segmentu trasy, pokazywane podczas streamingu lub gdy segment jest zawieszony. Działa z React Suspense i pozwala pokazać część UI wcześniej, zamiast czekać na całą stronę.

Powiązane pytania

Next.js

Pobieranie danych w App Router: co zmieniają `cache: 'no-store'` i `revalidate`?

#nextjs#fetch#cache

Next.js

Renderowanie statyczne vs dynamiczne w App Router: co sprawia, że trasa staje się dynamiczna?

#nextjs#rendering#static

Next.js

`next/link` i prefetching: co robi i jak można go kontrolować?

#nextjs#link#prefetch

Next.js

Middleware w Next.js: do czego się nadaje i jakie ma ograniczenia?

#nextjs#middleware#edge

Next.js

Route Handlers w App Router: jak je definiujesz i do czego służą?

#nextjs#route-handlers#api

Next.js

Unieważnianie cache: co robią `revalidatePath` i `revalidateTag`?

#nextjs#cache#revalidate