GraphQL: Pobieranie listy książek
Techniki Pracy
2 godz. 14 min · Full-stack i Programowanie
Przemysław NowakSoftware EngineerCzego się nauczysz
- Wyjaśnienie różnić pomiędzy REST API a GraphQL
- Omówienie trzech trzonów GraphQL czyli Query, Mutation, Subscription
- Wprowadzenie do biblioteki Apollo
- Wyjaśnienie jak korzystać z dokumentacji serwera GraphQL
- Stworzenie pełnoprawnej aplikacji Apollo GraphQL + React
Witaj w świecie grafów i zapytań
W GraphQLu niemal wszystko opiera się o zapytania, a dane i ich połączenia możesz sobie wyobrazić jako połączone ze sobą grafy. W kursie zobaczysz jak czytać grafy GraphQLa w oparciu o typy danych oraz nauczysz się jak używać - Query czyli esencji GraphQLa.
Mutacje czyli zapisywanie danych
Kiedy już będziesz zaznajomiony z tym jak tworzyć zapytania - nauczysz się jak tworzyć dane oraz je aktualizować. Zobaczysz, że z powodzeniem możesz używać filtrów, fragmentów i tworzyć dynamiczne mutację, tak samo jak zapytania. Wszystko to z podpowiedziami oraz wskazaniem dobrych praktyk w codziennej pracy.
Aplikacja w czasie rzeczywistym
Pewnie już nie raz słyszałeś o tzw. real time apps, czyli aplikacjach działających w czasie rzeczywistym, bez potrzeby pytania serwera o dane w interwałach czasowych - ponieważ serwer sam "powie" o tym, że ma dane, a co więcej Ci je przyśle. Tym dokładnie są subskrypcję w GraphQL, możesz z powodzeniem zasubskrybować się do zbioru danych, a kiedy pojawi się coś nowego, serwer wyśle ramkę z nowym contentem za pomocą kanału WebSocket. Tego jak go używać nauczysz się w tym kursie!
Apollo czyli narzędzie do łatwej komunikacji z GraphQL
Apollo Client zrewolucjonizował sposób w jaki można korzystać z GraphQL w aplikacjach Front-Endowych, poprzez szereg usług dla utrzymania oraz zarządzania cachem po stronie klienta, po wsparcie dla różnych frameworków takich jak React, Angular, Vue. W Kursie nauczysz się jak w szybki i prosty sposób zintegrować serwer GraphQL z aplikacją React przy użyciu Apollo.
GraphQL a rynek pracy
Jeżeli jesteś mobile lub web FrontEnd Developerem to z pewnością słyszałeś o wymaganiach dotyczących przynajmniej podstawowej wiedzy z GraphQLa. Nawet firmy, które mają stabilną architekturę opartą o REST API mają w wymaganiach GraphQL ze względu na użycie - czy to na małych mikro serwisach, czy poprzez plany migracji. Statystyki są nieubłagane - coraz więcej firm inwestuje w GraphQL ze względu na rewolucyjne podejście do pobierania danych oraz jego prostotę. Dlatego jeżeli spojrzymy na rynek pracy to możemy zobaczyć, że GraphQL staję się pewnego rodzaju "must have", którego z pewnością warto się nauczyć.
Dla kogo jest ten kurs?
Kurs ten jest skierowany do wszystkich mobile lub web Front-End Developerów czy też osób, które chciałyby po prostu od czegoś zacząć przygodę z GraphQL. Nie potrzebujesz żadnej kompleksowej wiedzy na temat konkretnej technologii, ponieważ skupimy się nad esencją GraphQLa starając się nie mieszać go z żadnym z języków programowania.
15.3.0 +
Witam Cię w kolejnej lekcji.
W tej lekcji pokażę Ci jak pobrać listę książek.
Będziemy działać w oparciu o dokumentację.
Nie będę jeszcze tłumaczył Ci tutaj wszystkich typów,
natomiast chciałbym Ci szybko i pokrótce pokazać jak pisać query
oraz jak je wykonywać, aby zobaczyć jakieś wyniki.
A więc po prostu stwórzmy sobie query
za pomocą słowa kluczowego query.
Wybieramy metodę, którą chcemy użyć z naszej dokumentacji.
Czyli tak jak tutaj widzisz mamy getBooks i użyjemy tej metody.
Więc stworzymy tutaj getBooks.
Jak widzisz GraphQL playground od razu podpowiada metody, które mamy dostępne.
I po wpisaniu tej metody musimy wybrać jakie konkretnie pola chcemy uzyskać.
Jeżeli w dokumentacji klikniemy w tą metodę,
to widzimy że mamy tutaj Book oraz pola które posiada.
O typach szerzej powiem Ci w kolejnej lekcji,
natomiast teraz możemy wybrać sobie id
title,
oraz na przykład
authors.
Aby pobrać autorów również musimy wybrać kolejne pola.
Ponieważ author jest nowym typem i posiada subpola.
Jak widzisz tutaj są pola id, firstName oraz lastName.
Wybierzmy po prostu firstName.
Teraz kiedy wykonam query
jak widzisz otrzymujemy listę książek w formacie JSON.
Mamy tutaj data, getBooks oraz naszą tablicę z danymi.
To tyle w tej krótkiej lekcji,
w następnej lekcji pokażę Ci czym dokładnie są te typy,
które są opisane w dokumentacji abyś lepiej zrozumiał
co dokładnie tutaj się dzieje.
Kod
Query · 1 min
query {
getBooks {
id
title
authors {
firstName
}
}
}