Tanstack/React Query - tutorial w 60 minut!

⭐ https://zrozumiecreact.pl/ - Sprawdź nasz kurs React! ⭐

👉 Zapisz się na newsletter: https://zaczynamyprogramowac.pl 👈
🎤 Discord:   / discord   🎤
🔥 Zapisz się do grupy na FB:   / zaczynamy.programowac   🔥

Kod początkowy:
https://github.com/Jak-zaczac-program...

Kod końcowy:
https://github.com/Jak-zaczac-program...

Zadania z kursu do lekcji:
https://demo.zrozumiecreact.pl/tansta...

Dokumentacja Tanstack Query:
https://tanstack.com/query/latest/doc...

[00:00:00] Intro
[00:02:12] Przegląd aplikacji
[00:04:52] Intalacja Tanstack Query i projektu
[00:08:52] Pobieranie danych w klasyczny sposób
[00:10:47] QueryClient
[00:12:47] Pobieranie danych z useQuery
[00:17:27] Query deduplication
[00:20:13] Reużywanie query
[00:23:52] Stan ładowania i isPending
[00:25:27] Obsługa errorów i query retry
[00:29:13] Pobieranie szczegółu
[00:37:02] Dynamiczny queryKey
[00:39:52] Stan "stale" i cachowanie
[00:42:22] Zapisywanie danych i mutacje
[00:47:22] Inwalidacja
[00:51:22] Client State vs Server State
[00:58:22] Optimistic update i setQueryData
[01:01:09] Callbacki przekazywane do mutate i useMutation
[01:03:24] Pobieranie danych przy zmienie zakładki i utracie połączenia z internetem
[01:06:22] Kiedy warto używać Tanstack Query?