Lekce 18 - Mutace a dotazy v GraphQL s knihovnou Apollo
V předchozí lekci, Základy práce s daty pomocí GraphQL, jsme se seznámili s GraphQL jako alternativou k REST API a vyzkoušeli jsme si napsat pár dotazů nad daty v rozhraní GraphiQL. Vysvětlili jsme si také, co je to v GraphQL schéma.
V následujícím tutoriálu pokročilého Reactu si ukážeme práci s daty pomocí dotazovacího jazyka GraphQL ve spolupráci s knihovnou Apollo Client.
Aplikace v Reactu a GraphQL
Práci s daty pomocí GraphQL si vyzkoušíme na tvorbě jednoduché aplikace, která vykreslí statusy vybraného uživatele na základě GraphQL dotazu. Výsledek naší práce bude vypadat takto:

Začneme jako vždy tím, že si v počítači vytvoříme složku pro projekt. Otevřeme ji v preferovaném editoru kódu a v terminálu postupně spustíme příkazy:
Instalace balíčků a spuštění aplikace: npm create vite graphql -- --template react cd graphql npm install npm install @apollo/client@3.12.9 bootstrap json-graphql-server@3.1.2 graphql@16.10.0 npm run dev
Bootstrap využijeme pro stylování, Apollo Clienta a GraphQL pro práci s daty a json-graphql-server pro tvorbu simulovaného serveru. Po instalaci aplikaci spustíme.
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Koupit tento kurz
Před koupí tohoto článku je třeba koupit předchozí díl
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V tutoriálu pokročilého Reactu si na ukázce jednoduché aplikace předvedeme práci s daty s GraphQL a knihovnou Apollo.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.