Lekce 17 - Základy práce s daty pomocí GraphQL

V předchozí lekci, Práce s daty pomocí useMutation() v React Query, jsme si ukázali hook useMutation() v knihovně React Query. Zopakovali jsme si, jak fetchovat data, a vytvořili jsme jednoduchou aplikaci na tvorbu poznámek se simulovaným serverem přes json-server.

V následujícím tutoriálu pokročilého Reactu se seznámíme s GraphQL a představíme si nástroj Apollo Client. Pak si porovnáme práci s daty prostřednictvím GraphQL a REST API a vyzkoušíme si napsat konkrétní dotazy nad daty v rozhraní GraphiQL s využitím simulovaného serveru přes json-graphql-server.

Co je to GraphQL

GraphQL (Graph Query Language) je dotazovací jazyk pro API. Jedná se o moderní alternativu k tradičnímu REST API. Umožňuje získávat přesně ta data, která potřebujeme, a to v jediném dotazu. Snižuje se tak nadměrná komunikace mezi klientem a serverem.

Apollo Client

Apollo Client je jedním z nástrojů pro práci s GraphQL. Vývojářům pomáhá snadno komunikovat s GraphQL API a spravovat datový tok v aplikaci.

Apollo Client umožňuje definovat GraphQL dotazy, takzvané Query. Tyto dotazy jsou pak použity k získání dat z GraphQL serveru. Kromě dotazů umožňuje Apollo také provádět mutace, tedy operace, které mění data na serveru. Apollo Client obsahuje také vyrovnávací paměť (cache), která uchovává data získaná z GraphQL serveru. Tato cache umožňuje efektivně pracovat s daty a minimalizovat počet dotazů na server. Tento nástroj využijeme v dalších lekcích.

...konec náhledu článku...
Pokračuj dál