9. diel - REST API s React Query
V predchádzajúcej lekcii, Client-side routing , sme si ukázali client-side routing v React pomocou knižnice React Router.
V dnešnom tutoriále pokročilého Reactu sa zoznámime s knižnicou React Query a vysvetlíme si, prečo je výhodné ju v Reactu použiť na prácu s dátami. Potom si vyskúšame, ako s jej pomocou načítať dáta cez REST API. Využijeme na to aplikáciu s pokémonmi, ktorú sme vytvorili v kurze Základov React a dotvorili v lekcii Načítanie dát na pozadí. Vzhľad aplikácie sa nezmení, ale zoznam pokémonov bude novo načítavať dáta cez API pomocou React Query.
Knižnica React Query
React Query je knižnica pre React, ktorá uľahčuje správu a načítanie dát v aplikáciách. Pomáha jednoducho načítať, držať v medzipamäti a aktualizovať dáta z rôznych zdrojov, ako sú API, GraphQL alebo ďalšie. Tým šetrí sieťovú prevádzku a zjednodušuje prácu s asynchrónnymi dátami.
Knižnica automaticky ukladá načítané dáta do medzipamäte (cache). To znamená, že rovnaké dáta nemusíme načítať znova, čo výrazne zlepšuje výkon aplikácie.
Načítanie dát v aplikácii s pokémonmi pomocou React Query
Teraz si načítanie dát pomocou knižnice React Query ukážeme na príklade našej aplikácie s pokémonmi. Aplikáciu si stiahneme z prílohy lekcie, prípadne rovno otvoríme v IDE.
...koniec náhľadu článku...
Pokračuj ďalej
Minul si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.
Kúpiť tento kurz
Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.
- Neobmedzený a trvalý prístup k jednotlivým lekciím.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
V tutoriále pokročilého Reactu si ukážeme knižnicu React Query, ktorá v React zjednodušuje správu dát. Zameriame sa na načítanie dát cez REST API.
Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.
