Next.jshard

Co robi `router.refresh()` w App Router (i kiedy go użyć)?

Tagi

#nextjs#router#refresh#cache

Odpowiedź

`router.refresh()` wymusza ponowne renderowanie aktualnej trasy i ponowne pobranie danych dla Server Components (z uwzględnieniem cache). Użyj po mutacji (często po Server Action), gdy chcesz odświeżyć server-renderowany UI bez pełnego przeładowania strony.

Odpowiedź zaawansowana

Głębiej

Rozwinięcie krótkiej odpowiedzi — co zwykle ma znaczenie w praktyce:

Kontekst (tagi): nextjs, router, refresh, cache
Lifecycle: co dzieje się w runtime (render/build, request/response, background jobs).
Cache: gdzie jest cache, co jest kluczem, jak invalidować bez "cache chaos".
Bezpieczeństwo: authn/authz, sekrety, powierzchnia ataku (SSRF/CSRF).
Wytłumacz "dlaczego", nie tylko "co" (intuicja + konsekwencje).
Trade-offy: co zyskujesz i co tracisz (czas, pamięć, złożoność, ryzyko).
Edge-case’y: puste dane, duże dane, błędne dane, współbieżność.

Przykłady

Krótki przykład (szablon do wyjaśniania):

// Example: discuss trade-offs for "co-robi-`router.refresh()`-w-app-router-(i-kiedy"
function explain() {
  // Start from the core idea:
  // `router.refresh()` wymusza ponowne renderowanie aktualnej trasy i ponowne pobranie danych 
}

Typowe pułapki

Zbyt ogólna odpowiedź (brak konkretów, brak przykładów).
Brak rozróżnienia między "średnio" a "najgorzej" (np. złożoność).
Pomijanie ograniczeń: pamięć, współbieżność, koszty sieci/dysku.

Pytania uzupełniające na rozmowie

Kiedy zastosował(a)byś alternatywę i dlaczego?
Jakie są typowe problemy w produkcji i jak je diagnozować?
Jak byś przetestował(a) edge-case’y?

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

Odpowiedź zaawansowana

Głębiej

Rozwinięcie krótkiej odpowiedzi — co zwykle ma znaczenie w praktyce:

Kontekst (tagi): nextjs, router, refresh, cache
Lifecycle: co dzieje się w runtime (render/build, request/response, background jobs).
Cache: gdzie jest cache, co jest kluczem, jak invalidować bez "cache chaos".
Bezpieczeństwo: authn/authz, sekrety, powierzchnia ataku (SSRF/CSRF).
Wytłumacz "dlaczego", nie tylko "co" (intuicja + konsekwencje).
Trade-offy: co zyskujesz i co tracisz (czas, pamięć, złożoność, ryzyko).
Edge-case’y: puste dane, duże dane, błędne dane, współbieżność.

Przykłady

Krótki przykład (szablon do wyjaśniania):

// Example: discuss trade-offs for "co-robi-`router.refresh()`-w-app-router-(i-kiedy"
function explain() {
  // Start from the core idea:
  // `router.refresh()` wymusza ponowne renderowanie aktualnej trasy i ponowne pobranie danych 
}

Typowe pułapki

Zbyt ogólna odpowiedź (brak konkretów, brak przykładów).
Brak rozróżnienia między "średnio" a "najgorzej" (np. złożoność).
Pomijanie ograniczeń: pamięć, współbieżność, koszty sieci/dysku.

Pytania uzupełniające na rozmowie

Kiedy zastosował(a)byś alternatywę i dlaczego?
Jakie są typowe problemy w produkcji i jak je diagnozować?
Jak byś przetestował(a) edge-case’y?